/*
  Theme Name: PubMatic
  Description: PubMatic Theme
  Version: 0.1
  Author: MBLM
  Author URI: http://mblm.com/
  Tags: HTML5, CSS3
*/

/* FONTS */

@font-face {
    font-family: 'TVNordEF-Black';
    src: url('./fonts/tvnordef-black-webfont.eot');
    src: url('./fonts/tvnordef-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/tvnordef-black-webfont.woff2') format('woff2'),
         url('./fonts/tvnordef-black-webfont.woff') format('woff'),
         url('./fonts/tvnordef-black-webfont.svg#tvnordef-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TVNordEF-BlackCon';
    src: url('./fonts/tvnordef-blackcon-webfont.eot');
    src: url('./fonts/tvnordef-blackcon-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/tvnordef-blackcon-webfont.woff2') format('woff2'),
         url('./fonts/tvnordef-blackcon-webfont.woff') format('woff'),
         url('./fonts/tvnordef-blackcon-webfont.svg#tvnordef-blackconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TVNordEF-Regular';
    src: url('./fonts/tvnordef-regular-webfont.eot');
    src: url('./fonts/tvnordef-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/tvnordef-regular-webfont.woff2') format('woff2'),
         url('./fonts/tvnordef-regular-webfont.woff') format('woff'),
         url('./fonts/tvnordef-regular-webfont.svg#tvnordef-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.main { min-height: 800px; }
.main-content { padding: 50px 0; }
.main-content.no-top-gap { padding-top: 0; }

section { margin-bottom: 30px; }
.well { background-color: #FFF; box-shadow: none; border-color: #979797; }
hr { border-color: #CCC; }

@media (min-width: 768px) {
    .vertical-align { display: flex; align-items: center; }
}

.img-fill-md { display: block; width: 100%; height: auto; }
@media (min-width: 992px) {
    .img-fill-md { display: block; width: initial; max-width: 100%; }
}

/* TABLE */
.mce-content-body table th,
.mce-content-body table td { border: 1px dashed #ccc; }

table th { padding: 10px; background-color: #4fc8ed; color: #fff;}
table th, table td { border: 1px solid #fff; }
table td {padding: 5px 0;}

/* TYPOGRAPHY */
p { margin-bottom: 15px; }

.wp-caption-text { font: 14px/18px 'TVNordEF-Black'; }

h1, .h1 { font: 40px/36px 'TVNordEF-BlackCon'; display: block; }
h2, .h2 { font: 44px/40px 'TVNordEF-BlackCon'; display: block; }
h3, .h3 { font: 36px/32px 'TVNordEF-BlackCon'; display: block; }
h4, .h4 { font: 24px/30px 'TVNordEF-BlackCon'; display: block; }
h5, .h5 { font: 18px/18px 'TVNordEF-BlackCon'; display: block; }

@media (min-width: 768px) {
    h1, .h1 { font: 54px/50px 'TVNordEF-BlackCon'; display: block; }
}

h1.display-1, .h1.display-1 { font-size: 64px; line-height: 60px; }

@media (min-width: 768px) {
	.lead { font-size: 26px; line-height: 38px; }	
}
blockquote { border-left: none; padding-left: 0; padding-right: 0; color: #4fc8ed; }

strong { font-family: 'TVNordEF-Black'; }

.medium-regular { font: 17px/28px 'TVNordEF-Regular'; } /* TODO find better solution */

/* cookie consent */
.cc-banner { background-color: rgba(0, 0, 0, 0.9) !important; }
.cc-window.cc-banner { font-family: 'TVNordEF-Regular'; display: block; text-align: center; padding: 1em 2.5em; }
.cc-dismiss { display: block; margin: 0; font-size: 25px; color: #FFF; padding: 0; font-weight: normal;  border-color: transparent; border-width: 0; min-width: 50px !important; top: 15px; right: 0; position: absolute; }
.cc-dismiss:hover { text-decoration: none; }
.cc-dismiss { width: 15px; height: 15px; overflow: hidden; }
.cc-dismiss::before,
.cc-dismiss::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #FFF; height: 1px; }
.cc-dismiss::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cc-dismiss::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (min-width: 992px) {
    .cc-window.cc-banner { padding: 1em 10em; }
}

/* COLORS */
.text-black { color: #000 !important; }
.text-white { color: #fff; }
.text-blue  { color: #4fc8ed; }
.text-grey  { color: #999; }

/* FORMS */
form .form-group.with-icon { position: relative; }
form .form-group.with-icon select.form-control { padding-right: 40px; }
form .form-group.with-icon select.form-control { -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; }
form .form-group.with-icon select.form-control + .glyphicon { position: absolute; color: #4A4A4A; font-size: 16px; top: 12px; right: 15px; }
form .form-group.with-icon select.form-control.input-lg { padding: 0 40px 0 10px; }
form .form-group.with-icon select.form-control.input-lg + .glyphicon { top: 20px; }

/* BUTTONS */
.btn { font-family:'TVNordEF-BlackCon'; font-size: 22px; padding: 12px 18px; text-transform: uppercase; }
.btn.btn-default { background-color: #E6E7E8; border-color: #E6E7E8; }

.btn.btn-primary:hover { background-color: #3C8BA4; border-color: #3C8BA4; }

.btn.btn-outline       { background-color: transparent; border-color: #000; color: #000; }
.btn.btn-outline:hover { background-color: #4fc8ed; border-color: #4fc8ed; color: #FFF; }
.btn.btn-outline-white { background-color: transparent; border-color: #fff; color: #fff; }

.btn.btn-sm.btn-outline { padding: 6px 12px; font-size: inherit; }


.btn.btn-filter { color: #CCC; background-color: #E6E7E8; border-color: #FFF; }
.btn.btn-filter.active { color: #FFF; background-color: #4fc8ed; box-shadow: none; }
.btn.btn-filter.disabled { pointer-events: none; opacity: 1; }
.btn.btn-filter:hover { background-color: #4FC8ED; color: #FFF; border: 0px ; }

.negative { color: #FFF; } /* TODO find better solution */
.negative .btn.btn-link { color: #FFF; } /* TODO find better solution */
.negative .btn.btn-outline { color: #FFF; border-color: #FFF; } /* TODO find better solution */


/* WHITE LINK */
a.white-link,
a:link.white-link, 
a:hover.white-link, 
a:active.white-link, 
a:visited.white-link {color: white; text-decoration: none;}

/* BLACK LINK, BLUE HOVER */ 
a.black-bluehover,
a:link.black-bluehover,
a:visited.black-bluehover {color: #000; text-decoration: none;}  /* TODO find better solution */
a:hover.black-bluehover, 
a:active.black-bluehover  {color: #4fc8ed; text-decoration: none;} /* TODO find better solution */

/* BLACK LINK */
a.black-link,
a:link.black-link,
a:visited.black-link,
a:hover.black-link, 
a:active.black-link   { color: #000; text-decoration: none; } 

/* edit link */
.edit-link a,
.edit-link a:link,
.edit-link a:visited,
.edit-link a:hover, 
.edit-link a:active   { color: blue; text-decoration: underline; }

/* BOLD BLUE LINK */
.bold-blue-link { font: 18px/21px 'TVNordEF-BlackCon'; } /* TODO find better solution */

/* LIST STYLE */
ul.blue-squares { list-style: square; color: #4fc8ed; padding: 0; margin: 0; padding-left: 15px; }
ul.blue-squares li { margin-bottom: 10px; }
ul.blue-squares li span { color: #000; }

/* featured */

.featured { padding-bottom: 15px; }
.featured .image { margin-bottom: 15px; }
.featured .category { font: 22px/24px 'TVNordEF-BlackCon'; color: #4fc8ed; }
.featured .heading { margin-bottom: 18px; }
.featured .heading h1, .featured .heading .h1,
.featured .heading h2, .featured .heading .h2,
.featured .heading h3, .featured .heading .h3,
.featured .heading h4, .featured .heading .h4,
.featured .heading h5, .featured .heading .h5 { margin-top: 0; }
.featured .image + .heading { margin-top: 30px; }
.featured .category + .heading { margin-top: 12px; }
.featured .body { color: #333; }
.featured .link { font: 18px/20px 'TVNordEF-BlackCon'; margin-top: 10px; } 
.featured .link-lg { font: 22px/24px 'TVNordEF-BlackCon'; margin-top: 10px; }
@media (min-width:768px) {
	.featured { padding-bottom: 5px; }
}
@media (max-width: 992px) {
	.featured .link { margin-top: 30px; } 
	.featured .link-lg { margin-top: 30px; }
}

@media (max-width: 992px) {
	.vertical-divider, 
	.featured,
	.featured .body,
	.featured .heading { height: auto !important; }
	.featured { margin-bottom: 25px; }
}

/* Instagram */

.featured .insta-card { border: 1px solid #E6E7E8; border-radius: 4px; margin-bottom: 25px; }
.featured .insta-card > img { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.featured .insta-card .card-body { padding: 15px 20px; font-family: Helvetica; }
.featured .insta-card .card-body .card-author { line-height: 18px; }
.featured .insta-card .card-body .card-author img { margin-right: 10px; width: 34px; height: 34px; }
.featured .insta-card .card-body .card-author .username { font-size: 14px; }
.featured .insta-card .card-body .card-date { font: 14px/20px Helvetica; margin-bottom: 10px; }
.featured .insta-card .card-body .card-footer .glyphicon { font-size: 14px; }


/* Grid system */
.vertical-divider { margin-bottom: 30px; }
@media (min-width: 768px) {
	div[class^="col-sm-"].vertical-divider { border-left: 1px solid #CCC;  }
	div[class^="col-sm-"].vertical-divider:first-child { border-left: none;  }
}

@media (min-width: 992px) {
	div[class^="col-md-"].vertical-divider { border-left: 1px solid #CCC;  }
	div[class^="col-md-"].vertical-divider:first-child { border-left: none;  }
}

@media (min-width: 1200px) {
	div[class^="col-lg-"].vertical-divider { border-left: 1px solid #CCC;  }
	div[class^="col-lg-"].vertical-divider:first-child { border-left: none;  }
}

@media (min-width: 992px) {
	.row-divider { border-bottom: 1px solid #CCC; padding-bottom: 30px; margin-bottom: 30px; }
	.row-divider:last-child { border-bottom: 0; }
}
.row-divider .vertical-divider { margin-bottom: 0; }

.page-header { border-bottom: 0; margin-top: 70px; margin-bottom: 20px; } 
.page-header img + h1 { margin-top: 40px; }
.page-header h1 { margin-bottom: 0; }
.page-header h1 + .lead { margin-top: 25px; }
.page-header h1.legal-title { margin-bottom: 100px; }

.section-header { border-bottom: 1px solid #000; position: relative; margin-top: 100px; margin-bottom: 25px; padding-bottom: 11px; }
.section-header:before { width: 60px; height: 20px; top: -40px; position: absolute; background-color: #4fc8ed; content: " "; }
.section-header.all-white {  border-bottom: 1px solid #fff}
.section-header.all-white:before { background-color: #fff }
.section-header.no-underline { border-bottom: 0px; }

.view-more-btn a {font: 22px/32px 'TVNordEF-BlackCon'; color: #000; }
.view-more-btn .glyphicon { padding: 5px; margin-right: 10px; background-color: #4fc8ed; color: #fff; }
.view-more-btn.white-view-more a { font: 22px/32px 'TVNordEF-BlackCon'; color: #fff; }
.view-more-btn.white-view-more .glyphicon { padding: 5px; margin-right: 10px; background-color:#fff ; color: #4fc8ed; }


.banner { min-height: 300px; width: 100%; padding: 40px 0; background-position: center; background-size: cover; background-repeat: no-repeat; display: table; color: #fff; }
.banner.landing { height: 800px; }
.banner .content-top { display: table-cell; vertical-align: top; }
.banner .content-middle { display: table-cell; vertical-align: middle; }
.banner .content-bottom { display: table-cell; vertical-align: bottom; }
.banner.landing [class*="content-"] { vertical-align: middle;}

@media(min-width: 768px) {
	.banner { height: 600px; }
	.banner.landing .content-top { display: table-cell; vertical-align: top; }
	.banner.landing .content-middle { display: table-cell; vertical-align: middle; }
	.banner.landing .content-bottom { display: table-cell; vertical-align: bottom; }
}

.archive-header { border-bottom: 1px solid #000; padding-bottom: 25px; margin-top: 50px; margin-bottom: 25px; }
.archive-header.no-underline { border-bottom: 0; }
.archive-header h1 { margin-top: 0px; }
.archive-header .blue-box { background-color: #4fc8ed; padding: 15px; height: 245px; }
.archive-header .blue-box .section-header { margin-top: 55px; margin-bottom: 0px; padding-bottom: 1px; }
.archive-header .form-group { margin-bottom: 0px; }
.archive-header .latest-articles .bottom .btn-group { display: block; width: 100%; }
.archive-header .latest-articles .gap { padding-top: 10px; padding-bottom: 20px; }
@media( min-width: 768px ){
	.archive-header .latest-articles .bottom .btn-group-justified>.btn, .btn-group-justified>.btn-group { float: none; display: table-cell;  width: 1%; }
	.archive-header .latest-articles .bottom { position: absolute; bottom: 0px; left: 15px; right: 15px; padding-top: 30px; }
}

/*pubacademy archive*/
.pubacademy-event .pubacademy-date-wrapper,
.pubacademy-event .pubacademy-img-wrapper { display: table; height: 100%; width: 100%; table-layout: fixed; }
.pubacademy-event .pubacademy-date-wrapper .pubacademy-date,
.pubacademy-event .pubacademy-img-wrapper .pubacademy-img { display: table-cell; vertical-align: middle; padding: 5px 0 10px 0; }
.pubacademy-event .pubacademy-date-wrapper .pubacademy-date .day { margin: 0; }
select.events-region:not([multiple]) { -webkit-appearance: none; -moz-appearance: none; background-position: calc(100% - 10px) 53%; background-repeat: no-repeat; background-image: url(imgs/dropdown-icon.svg); background-size: 14px 14px; font-family: 'TVNordEF-BlackCon'; color: #000; }
@media(min-width: 768px) {
    .pubacademy-event .pubacademy-img-wrapper .pubacademy-img { padding: 0; }
}

/* recent events */
.recent-events { margin: 40px 0 30px 0; }
.recent-events p { font: 20px/26px 'TVNordEF-Regular'; margin-bottom: 30px; }
.recent-events h4 { font: 27px/33px 'TVNordEF-BlackCon'; }

/* filter toolbar */
.events-filter-by small, .events-go-to small { display: block; margin-bottom: 5px; }
.events-go-to { margin-top: 20px; }
@media (min-width:768px) {
    .events-go-to { margin-top: 0; }
}

.solns-prods-cta { padding: 33px 40px 22px 40px; margin-bottom: 30px; color: #fff;}
.solns-prods-cta.blue    { background-color: #4fc8ed; }
.solns-prods-cta.red     { background-color: #ff605e; }
.solns-prods-cta.orange  { background-color: #ff7a45; }
.solns-prods-cta.green   { background-color: #4ce6d6; }
.solns-prods-cta.yellow  { background-color: #fdd14c; }
.solns-prods-cta.purple  { background-color: #782da0; }

.solns-prods-cta .header { position: relative; margin-bottom: 30px; }
.solns-prods-cta .header:before { width: 60px; height: 2px; top: -30px; position: absolute; content: " "; background-color: #fff; }
.solns-prods-cta a { font: 24px/22px 'TVNordEF-BlackCon'; }

.solutions-resources-box { border: 1px solid #000; padding: 30px; margin-bottom: 30px; }
.solutions-resources-box .author-details { font-family: 'TVNordEF-Regular'; font-size: 14px; color: #000000; letter-spacing: 0; line-height: 21px; }
.solutions-resources-box .author-details .author-photo img { margin-bottom: 10px;  width: 100px; }
.solutions-resources-box .author-details .author-name { font-family: TVNordEF-Black; }
@media (min-width: 992px) {
	.solutions-resources-box h3 { margin-top: 0; }
	.solutions-resources-box .image { float: right; }
}

.solutions-quote { background-color: #f2f3f3; padding: 50px 40px 15px; margin-bottom: 30px; }
.solutions-quote p {font: 24px/30px 'TVNordEF-Regular';}
.solutions-quote .company-logo { position: relative; }
@media (min-width: 1024px) {
	.solutions-quote p:before { width: 29px; height: 87px; left: -50px; position: absolute; content: "\“"; color: #4fc8ed; font: 56px/28px 'TVNordEF-BlackCon' ; margin-top: 5px; }
    .solutions-quote .company-logo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
}
/* HEADER */

header .menu-hamburger { display: inline-block; height: 89px; padding: 0 30px; line-height: 89px; color: #000; font-size: 27px; }
header.transparent .menu-hamburger { color: #FFF; }
header .toolbar-mobile { background-color: #FFFFFF; position: absolute; top: 90px; width: 100%; z-index: 100; display: none; }
header .toolbar-mobile > ul { margin-bottom: 0; }
header .toolbar-mobile > ul > li { border-bottom: 1px solid #e6e7e8; }
header .toolbar-mobile > ul > li > a { display: block; color: #000; padding: 10px 20px; }
header .toolbar-mobile > ul > li > a:hover { color: #4fc8ed; text-decoration: none; outline: 0; }
header .toolbar-mobile li.list-search { position: relative;  padding: 15px 20px; }
header .toolbar-mobile li.list-search .glyphicon { position: absolute; color: #4A4A4A; font-size: 20px; top: 23px; right: 30px; }
header .toolbar-mobile li.list-login { background-color: #E6E7E8; }
header .toolbar-mobile .sub-list { background-color: #F7F7F7; padding: 5px 0; display: none; }
header .toolbar-mobile .sub-list li a { display: block; padding: 0px 30px 15px; }
header .toolbar-mobile .sub-list li:first-of-type a {padding-top: 15px; }
header .toolbar-mobile .view-more-btn a { font-size: 18px; line-height: 18px; }
header .toolbar-mobile .view-more-btn .glyphicon { font-size: 16px; line-height: 15px; }

header { height: 90px; width: 100%;  background-color: #F7F7F7; border-bottom: 1px solid #E6E7E8; }
header a { font: 18px/20px 'TVNordEF-BlackCon'; }
header .brand { height: 89px; float: left; display: table; }
header .brand .content-middle { display: table-cell; vertical-align: middle; }
header .toolbar { position: relative; }
header .navigation .menu { margin: 0 10px 0 0 ; }
header .navigation .menu li { padding-left: 0; padding-right: 0; }
header .navigation .menu li a { display: block; text-transform: uppercase; color: #000; line-height:73px; border-bottom: 8px solid #F7F7F7; padding: 8px 10px 0 10px; }
header .navigation .menu li a.active { border-bottom: 8px solid #CCC; }
header .navigation .menu li a:hover,
header .navigation .menu li a:focus  { color: #4fc8ed; border-bottom: 8px solid #4fc8ed; text-decoration: none; outline: 0; }
header .navigation .menu li a.open { background-color: #FFF; color: #4fc8ed; border-bottom: none; position: relative; height: 90px; }
header .navigation .search-icon { font-size: 23px; line-height: 80px; color: #000; padding: 5px 10px 0px; margin-right: 20px; }
header .search { height: 89px; display: table; float: right; }
header .search .content-middle { display: table-cell; vertical-align: middle; } 
header .search .form-group { position: relative; width: 500px; margin-bottom: 0; margin-right: 10px; }
header .search .form-group input { border-color: #E6E7E8; }
header .search .form-group input:focus { box-shadow: none; -webkit-box-shadow: none; }
header .search .form-group .glyphicon { position: absolute; color: #4A4A4A; font-size: 23px; top: 15px; right: 15px;  }
header .search .close-icon { display: block; font-size: 23px; color: #000; padding: 15px 10px 0px; margin-right: 20px; }
header .login { display: inline-block; height: 89px; padding: 0 40px; line-height: 89px; color: #000; background-color: #E6E7E8; }
header .login:hover,
header .login.open { color: #FFF; background-color: #4fc8ed; }
header .dropdown { position: absolute; right: 0; left: 0; background-color: #FFF; padding: 30px; top: 90px; z-index: 100; box-shadow: 0px 3px 2px 1px #CCC; color: #000; }
header .dropdown .link-heading { font: 18px/20px 'TVNordEF-BlackCon'; border-bottom: 2px solid #CCC; padding-bottom: 10px; margin-bottom: 10px; color: #4fc8ed; position: relative; }
header .dropdown .link-heading .view-more-btn { position: absolute; right: 0px; top: -3px; }
header .dropdown .link-heading .view-more-btn a { font-size: 14px; line-height: 14px ; }
header #login-dropdown { position: absolute; right: 0; left: auto; width: 250px; background-color: #FFF; padding: 0; }
header #login-dropdown li a { display: block; padding: 15px 20px; border-bottom: 1px solid #E6E7E8; color: #000; cursor: pointer; text-decoration: none; }
header #login-dropdown li:last-child a { border-bottom: 0; }
header #login-dropdown li a:hover { background-color: #4fc8ed; color: #FFF; text-decoration: none; }

header.transparent { background-color: transparent; position: absolute; top: 0; z-index: 1000; }
header.transparent .navigation .menu li a { color: #FFF; border-bottom-color: transparent; }
header.transparent .navigation .menu li a.active { border-bottom: 8px solid rgba(230, 231, 232, 0.5); }
header.transparent .navigation .menu li a:hover,
header.transparent .navigation .menu li a:focus  { border-bottom: 8px solid rgba(230, 231, 232, 0.5); text-decoration: none; outline: 0; }
header.transparent .navigation .menu li a.open { background-color: #FFF; color: #4fc8ed; border-bottom: none; position: relative; height: 90px; }
header.transparent .navigation .search-icon { color: #FFF; }
header.transparent .search .close-icon { color: rgba(230, 231, 232, 0.5); }
header.transparent .login { color: #FFF; background-color: rgba(230, 231, 232, 0.5); } 
header.transparent .login:hover,
header.transparent .login.open { color: #FFF; background-color: #4fc8ed; }
header.transparent .dropdown { box-shadow: none; }


/* SLIDER */

.carousel-indicators { bottom: -50px; }
.carousel-indicators li {background-color: #e6e7e8; border-radius: 0; width: 15px; height: 15px; }
.carousel-indicators li.active {background-color: #4fc8ed; margin: 1px; width: 15px; height: 15px; }

.carousel-control .icon-arrow-right, 
.carousel-control .icon-arrow-left, 
.carousel-control .icon-partner-iab { position: absolute; top: 50%; margin-top: -10px; z-index: 9999; display: inline-block; }
.carousel-control .icon-arrow-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-arrow-right, 
.carousel-control .icon-partner-iab { right: 50%; margin-right: -10px; }
.carousel-banner-copy { max-width: 80vw; }
@media screen and (min-width: 768px) {
	.carousel-control .icon-arrow-left, 
	.carousel-control .icon-arrow-right, 
	.carousel-control .icon-partner-iab { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
}


/* LANDING PAGE */

/* landing page - solutions */
#landing-solutions { height: 700px; padding-bottom: 50px; padding-top: 175px; background-color: #4fc8ed; position: relative; }
#landing-solutions h1:before { width: 29px; height: 87px; left: -50px; position: absolute; background-color: #fff; content: " "; margin-top: 5px; }
#landing-solutions .btn { margin-bottom: 30px;}
#landing-solutions .view-all-products h4 { display: inline; }
#landing-solutions .view-all-products a { text-decoration: underline; color: #fff; }
#landing-solutions .bubbles .bubble { border-radius: 50%; position: absolute; }
#landing-solutions .bubbles .pattern1 { background: #fff; }
#landing-solutions .bubbles .pattern2 { background-color: transparent; background-image: repeating-linear-gradient(145deg, transparent 5px, transparent 10px, rgba(255,255,255,.8) 15px, rgba(255,255,255,.2) 15px); }
#landing-solutions .bubbles .pattern3 { background-color: transparent; background-image: repeating-linear-gradient(45deg, transparent 5px, transparent 10px, rgba(255,255,255,.8) 15px, rgba(255,255,255,.2) 15px); }
#landing-solutions .bubbles .pattern4 { background: radial-gradient(white 15%, transparent 16%) 0 0, radial-gradient(white 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,0) 15%, transparent 10%) 0 1px, radial-gradient(rgba(255,255,255,0) 15%, transparent 10%) 8px 9px; background-color: transparent; background-size: 16px 16px; }
#landing-solutions .bubbles .pattern5 { background: radial-gradient(white 15%, transparent 16%) 0 0, radial-gradient(white 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background-color: transparent; background-size: 8px 8px; }
#landing-solutions .bubbles .bubble1 { animation: move1 4s forwards; height: 150px; left: -200px; top: 50px; width: 150px; }
@keyframes move1 { from { left: -200px; } to { left: 0; } }
#landing-solutions .bubbles .bubble2 { animation: move2 3s forwards; height: 120px; left: 200px; top: 0; width: 120px; }
@keyframes move2 { from { left: -200px; } to { left: 40px; } }
#landing-solutions .bubbles .bubble3 { animation: move3 3s forwards; height: 80px; left: -200px; top: 40px; width: 80px; }
@keyframes move3 { from { left: -200px; } to { left: 160px; } }
#landing-solutions .bubbles .bubble4 { animation: move4 3s forwards; height: 40px; left: -200px; opacity: 0.5; top: 170px; width: 40px; }
@keyframes move4 { from { left: -200px; } to { left: 20px; } }
#landing-solutions .bubbles .bubble5 { animation: move5 4s forwards; height: 40px; left: -200px; opacity: 0.5; top: 60px; width: 40px; }
@keyframes move5 { from { left: -200px; } to { left: 140px; } }
#landing-solutions .bubbles .bubble6 { animation: move6 5s forwards; height: 60px; left: -200px; opacity: 0.5; top: 120px; width: 60px; }
@keyframes move6 { from { left: -200px; } to { left: 130px; } }
#landing-solutions .bubbles .bubble7 { animation: move7 4s forwards; height: 150px; left: -200px; top: 300px; width: 150px; }
@keyframes move7 { from { left: -200px; } to { left: 10px; } }
#landing-solutions .bubbles .bubble8 { animation: move8 3s forwards; height: 100px; left: -200px; top: 400px; width: 100px; }
@keyframes move8 { from { left: -200px; } to { left: 70px; } }
#landing-solutions .bubbles .bubble9 { animation: move9 4s forwards; height: 80px; left: -200px; top: 350px; width: 80px; }
@keyframes move9 { from { left: -200px; } to { left: 150px; } }
#landing-solutions .bubbles .bubble10 { animation: move10 3s forwards; height: 35px; left: -200px; opacity: 0.5; top: 285px; width: 35px; }
@keyframes move10 { from { left: -200px; } to { left: 50px; } }
#landing-solutions .bubbles .bubble11 { animation: move11 3s forwards; height: 50px; left: -200px; opacity: 0.5; top: 310px; width: 50px; }
@keyframes move11 { from { left: -200px; } to { left: 130px; } }
#landing-solutions .bubbles .bubble12 { animation: move12 3s forwards; height: 30px; left: -200px; opacity: 0.5; top: 400px; width: 30px; }
@keyframes move12 { from { left: -200px; } to { left: 140px; } }
#landing-solutions .bubbles .bubble13 { animation: move13 3s forwards; height: 50px; left: -200px; opacity: 0.5; top: 100px; width: 50px; }
@keyframes move13 { from { left: -200px; } to { left: 540px; } }
#landing-solutions .bubbles .bubble14 { animation: move14 3s forwards; height: 25px; left: -200px; opacity: 1; top: 80px; width: 25px; }
@keyframes move14 { from { left: -200px; } to { left: 780px; } }
#landing-solutions .bubbles .bubble15 { animation: move15 4s forwards; height: 18px; left: -200px; opacity: 1; top: 160px; width: 18px; }
@keyframes move15 { from { left: -200px; } to { left: 940px; } }
#landing-solutions .bubbles .bubble16 { animation: move16 2s forwards; height: 50px; left: -200px; opacity: 1; top: 500px; width: 50px; }
@keyframes move16 { from { left: -200px; } to { left: 340px; } }
#landing-solutions .bubbles .bubble17 { animation: move17 2s forwards; height: 30px; left: -200px; opacity: 0.5; top: 600px; width: 30px; }
@keyframes move17 { from { left: -200px; } to { left: 450px; } }
#landing-solutions .bubbles .bubble18 { animation: move18 2s forwards; height: 40px; left: -200px; opacity: 1; top: 590px; width: 40px; }
@keyframes move18 { from { left: -200px; } to { left: 940px; } }

/* landing page - blog section */
#landing-blog { padding-bottom: 30px;}
#landing-blog .blog-head { border-bottom: 1px solid #000; margin: 50px 0 30px; padding-bottom: 15px;}
#landing-blog .blog-head .subscribe { position: relative}
#landing-blog .blog-head .btn { position: absolute; bottom: 15px; right: 15px; }
#landing-blog .blog-button {margin: 30px; }

/* landing page - contact section */
#landing-contact { min-height: 600px; height: auto; overflow:auto }
#landing-contact .contact-us-btn { min-width: 210px; }
/* #landing-contact .stat-dropcap { font: 54px/50px 'TVNordEF-BlackCon'; margin-top: 20px; margin-bottom: 20px; }
#landing-contact .stat-body { margin: 33px 0; } */
#landing-contact .stat-dropcap { font: 54px/50px 'TVNordEF-BlackCon'; }
#landing-contact .stat-dropcap, #landing-contact .stat-body {position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#landing-contact .stat { margin-bottom: 20px;}

/*FOOTER*/
footer { background-color: #000; padding: 40px 0 102px 0; }
footer .logo { margin: 0 0 35px 0; display: block; }
footer .footer-menu-social-links-container { margin-bottom: 20px; }
footer .footer-menu-container { display: table; height: 100%; }
footer .footer-menu { display: table-cell; vertical-align: bottom; }
footer .footer-menu a { text-decoration: none; font: 18px/18px TVNordEF-BlackCon; color: #FFF; text-transform: uppercase; display: block; margin-bottom: 10px; }
footer .social-links { text-align: left; }
footer .social-links a { text-decoration: none; font-size: 25px; color: #FFF;  margin-left: 0px;}
footer .footer-blurb { margin-bottom: 30px; }
footer .footer-legal-menu-container { margin-bottom: 15px; font-size: 14px; }
footer .legal-menu a { color: #fff; text-transform: uppercase; font-size: 14px}
footer .copyright { font-size: 12px; }
footer .language-switcher { margin-top: 10px; }
footer .language-switcher .dropdown-toggle {
	font: 16px/30px 'TVNordEF-Regular', arial, sans-serif;
	display: block;
	text-decoration: none;
	color: #FFF;
	height: 30px; 
	padding: 0 30px 0 10px; 
    border: 1px solid #FFF;
	background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjN2Y3ZjdmIiBkPSJNMTQuODMgMTYuNDJMMjQgMjUuNTlsOS4xNy05LjE3TDM2IDE5LjI1bC0xMiAxMi0xMi0xMnoiLz48L3N2Zz4=) no-repeat right center;
    background-size: 30px 26px;
	-webkit-background-size: 30px 26px;
	
}
footer .language-switcher .dropdown-menu {
	padding: 10px 15px 0px 15px;
	border-radius: 0;	
	right: 0;
}
footer .language-switcher .dropdown-menu a {
	display: block;
	font: 16px/30px 'TVNordEF-Regular', arial, sans-serif;
	text-decoration: none;
	color: #505050;
	
}
footer .supporting-mems { margin-top: 30px; }
footer .supporting-mems [class*="icon-"] { font-size: 40px; }
footer .showcase { margin-top: 30px; }

@media (min-width:768px) {
	footer .footer-menu a { display: inline; margin-right: 25px; margin-bottom: 0px; }
	footer .social-links a:not(:last-of-type) { margin-right: 20px; }
	footer .footer-menu { height: 35px; }
}
@media (min-width: 992px) {
	footer .supporting-mems { margin-top: 0px; }
	footer .supporting-mems .row {text-align: right;}
	footer .social-links { text-align: right; }
	footer .social-links a { border-bottom: 2px solid #979797;  padding: 0 10px;}
    footer .showcase { margin-top: 0; }
}

/* PAGE SPECIFIC */

/* Products and solutions */

.products .well { padding: 40px 40px 10px 40px;  }
.products .well .dash { width: 50px; height: 2px; background-color: #000; display: block; margin-bottom: 30px; }
.products .products-description { margin-bottom: 50px;}
.product-single  .product-features [class*="col-sm"]:not([class*="col-sm-12"]) , 
.solution-single .product-features [class*="col-sm"]:not([class*="col-sm-12"]) { margin-bottom: 40px; }
.product-single  .page-header, 
.solution-single  .page-header { margin-top: 37px; }

@media screen and (min-width: 768px) {
	.product-single  .product-features [class*="col-sm"]:not([class*="col-sm-12"]) , 
	.solution-single .product-features [class*="col-sm"]:not([class*="col-sm-12"]) { margin-bottom: 15px; }
}

@media screen and (min-width: 1024px) {
	.product-single  .page-header, 
	.solution-single .page-header { margin-top: 70px; }
}

/* News Archive */
.news-archive .blue-box { background-color: #4fc8ed; padding: 15px; height: 100%; }
.news-archive .blue-box .section-header { margin-top: 40px; }
.news-archive .news-category-nav-bar .btn-group-justified>.btn, .btn-group-justified>.btn-group { display: block; width: 100%; }
.news-archive .news-item .body { margin-bottom: 30px; }
.news-archive .news-item .align-thumb-top { margin-top: 20px; }
@media (min-width: 768px ){
	.news-archive .news-category-nav-bar .btn-group-justified>.btn, .btn-group-justified>.btn-group { float: none; display: table-cell;  width: 1%; }	
}

/* News Single*/
.news-single .rsvp { width: 200px; }
.news-single .events-featured-image { margin-bottom: 30px; }
/* 
.search-input { position: relative; }
.search-input input { padding-right: 50px; }
.search-input .glyphicon { position: absolute; right: 15px; top: 15px; font-size:25px; }
 */
/* solutions */

.solutions .heading { margin-bottom: 30px; }
.solutions [class*="col-"] { min-height: 335px;}
.solutions .body { font: 17px/28px 'TVNordEF-Regular'; }
.solutions .link { position: absolute; bottom: 0;}

/* about us */
.leadership span { display: block; }
@media screen and (min-width: 1024px) {
	.about-vertical-divider { border-left: 1px solid #CCC; }
	.about-vertical-divider:first-child { border-left: none; }
}
.careers-callout .section-header { margin-top: 65px; margin-bottom: 10px; }

@media screen and (min-width: 1024px) {
	.careers-callout .section-header { margin-top: 40px; margin-bottom: 10px; }
}

/* contact */

.contact-page { margin-bottom: 150px; }
.contact-page textarea { resize: none; }
.contact-page .locations-link {font: 18px/21px 'TVNordEF-BlackCon'; }
.contact-page h5 { font: 17px/28px 'TVNordEF-Black'; }
.contact-page select.form-control {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0;
/*     background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat; */
}

/* location */
.location-listings .contact-us {background-color:#E6E7E8; padding: 30px 10px;}
.location-listings .contact-us h3 { font: 28px/32px 'TVNordEF-BlackCon'; }
.location-listings .contact-us .section-header { position: relative; margin-top: 40px; margin-bottom: 0px; padding-bottom: 11px; }
.location-listings .contact-us .section-header:before { width: 45px; height: 15px; top: -40px; position: absolute; background-color: #4fc8ed; content: " "; }
.location-listings .row-divider .vertical-divider { margin-bottom: 30px; }

/* page-thinking */
.thinking-pubacademy { background: #f2f3f3; padding: 45px 0 15px; }
.thinking-pubacademy .pubacademy-logo { padding-bottom: 30px; }
.thinking-pubacademy .pubacademy-subheader { margin-bottom: 20px; }
.thinking-pubacademy .pubacademy-subheader .view-more-btn { position: relative; top: -5px;}

/* single-directory */
.single-directory .profile-picture { padding-top: 70px; }
.single-directory .section-header.career-highlights { margin-top: 65px; margin-bottom: 9px; }
.single-directory .featured .heading { margin-top: 10px; margin-bottom: 10px; }
.single-directory .featured .sub-heading { font: 14px/15px 'TVNordEF-BlackCon'; }

/* single-blog */
.single-blog .main { padding-top: 70px; }
.single-blog .author-link { font-family: 'TVNordEF-Black'; }
.single-blog .author-box { float: left; margin: 0 25px 15px 0; font: 14px/21px 'TVNordEF-Regular'; width: 100%; }
.single-blog .author-box img.author-photo  { width: 70px; max-height: 70px; vertical-align: top; margin-right: 20px; float: left; }
.single-blog .author-box .author-details span { display: block; }
.single-blog .author-box .author-details .author-name,
.single-blog .author-box .author-details .author-department { line-height: 1.25; }
.single-blog .section-header .img-container { float: left; position: relative; width: 45px; height: 45px; margin-right: 15px; }
.single-blog .section-header .img-container img { position: absolute; top: -7px; width: 45px; }
.single-blog .more-from-author { min-height: 40px; }


.sidebar { background-color: #f9f9f9; padding: 5px 20px 20px; }
.sidebar .section-header { margin-top: 50px; }
.sidebar hr { border-top: 1px solid #CCCCCC; }

@media screen and (min-width: 768px) {
	.single-blog .author-box .author-details { display: block; }
	.single-blog .author-box { width: 165px; }
	.single-blog .author-box img.author-photo  { width: 100%; max-height: 165px; margin-bottom: 15px; margin-right: 0; float: none; }
}

.richtext-content img { display: block; max-width: 100%; height: auto; margin-bottom: 10px; }
.richtext-content ul { overflow: hidden; }
.richtext-content .alignleft { float: left; margin-right: 10px; }
.richtext-content .alignright { float: right; margin-left: 10px; }
.richtext-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }

.social-media-box-btn { padding: 5px 10px 5px 2px; line-height: 0; display: inline-block; vertical-align: middle;}
.social-media-box-btn.facebook { background-color: #305899; }
.social-media-box-btn.facebook:hover { background-color: #26477A; }
.social-media-box-btn.twitter { background-color: #00ABF0; }
.social-media-box-btn.twitter:hover { background-color: #008DC6; }
.social-media-box-btn.linkedin { background-color: #0076B7; }
.social-media-box-btn.linkedin:hover { background-color: #005B8E; }

.social-media-box-btn i { padding: 0 5px; }
.social-media-box-btn span { font: 18px/16px 'TVNordEF-BlackCon'; }
.social-media-block { margin-bottom: 20px; }
@media (min-width:768px) {
	.social-media-block { text-align: right; }
}

/* pubacademy-single */
.pubacademy-single table.agenda { width: 100%; border: 1px solid #000; border-collapse: unset; }
.pubacademy-single table.agenda td { vertical-align: top; padding: 15px; white-space: nowrap; }
.pubacademy-single table.agenda td.item-description { width: 100%; white-space: normal; }
.pubacademy-single table.agenda .condensed { font-family: 'TVNordEF-BlackCon'; font-weight: normal; }
.pubacademy-single .sidebar

/* careers */
.how-we-work-grey { min-height: 107px;}
.how-we-work-grey:before { width: 67px; height: 107px; left: -80px; position: absolute; background-color: #d8d8d8; content: " "; }
.how-we-work { margin-bottom: 20px }
.how-we-work h3 { margin-top: 0px }
.how-we-work p { margin-bottom: 0px; }
.how-we-work .showcase { border: 1px solid #000; padding: 20px; margin-top: 20px; }
.how-we-work .showcase img { margin-left: 20px; }
.how-we-work .showcase p { margin-bottom: 15px; }
.how-we-work .showcase .description * { font-size: 19px; margin-bottom: 0; }
.what-you-do img { vertical-align: top; }
.careers-carousel { margin-bottom: 50px; }
.careers-carousel .carousel-inner img { display: inline; width: 49%; }
.careers-carousel .carousel-control .icon-arrow-right { right: 10%; }
.careers-carousel .carousel-control .icon-arrow-left { left: 10%; }
#careersDetailModal .modal-body { padding: 0; }
.job-listings ul { margin-bottom: 0; }
@media (min-width:992px) {
    .how-we-work .showcase { padding: 25px; }
}

/* single-legal */
.blue-box-under { position:relative; margin-top: 25px; margin-bottom: 90px;}
.blue-box-under:after { width: 60px; height: 20px; top: calc(100% + 50px); position: absolute; left: 0; background-color: #4fc8ed; content: " "; }
.legal-sidebar ul { padding-left: 25px;}
.legal-sidebar ul li { position: relative; }
.legal-sidebar ul li.current:before { content: '\25A0'; font-size: 25px; color: #4fc8ed; left: -25px; top:-4px; position: absolute; }

/* search page */
.search-page .search-term { background-color: #FFCF20; }

/* ad revenue */
.ad-revenue { padding: 40px 0 40px 0; margin-top: 40px; background-color: #F7F7F7; }
.ad-revenue .latest-ad-revenue { margin-bottom: 40px; }
.ad-revenue li { margin-bottom: 5px; }
@media (min-width:992px) {
    .ad-revenue .latest-ad-revenue.separator { border-right: 1px solid #ccc; }
    .ad-revenue .latest-ad-revenue img { padding: 0 20px 10px 0; }
}

/* cookie consent */

/* single templates */
.single strong, .news-item strong { font-family: 'TVNordEF-BlackCon'; font-weight: normal; font-size: 19px; }
.single .main ul, .single .main-content ul, ul.square-bullet { list-style: none; padding-left: 20px; }
.single .main ul > li, .single .main-content ul > li, ul.square-bullet > li { background: url(imgs/bullet_square.png) left 9px no-repeat; background-size: 6px 6px; margin: 5px 0 10px 0; padding-left: 17px; }