/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Adomni
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.20.4
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
html {
  scroll-behavior: smooth;
}
#outer-wrap {
	margin-top: 98px;	
}
@media (max-width: 414px) {
	#outer-wrap {
		margin-top: 75px;
	}
}
body.fl-builder-edit #demovideo-module {
	display: none;
}
:root {
  --grey: #EFE8DF;
  --pink: #F5007D;
  --orange: #FF622E;
}
*:focus {
  outline: none !important;
}
.margin-0-auto {
    margin: 0 auto;
}
.button-gradient {
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 7px;
    background: #FF6220;
    background: linear-gradient(to right, #F5007D 0%, #FF6220 100%);
	color: #fff !important;
	border: 0;
}
.button-gradient a, .button-gradient a:hover {
    color: #ffffff;
}
button .button-gradient:hover {
	border: 0;
}
/* 
 * Typography
 */

.text-break {
    display: block !important;
    height: 0;
}
.text-break-sm {
		display: none !important;
}
@media only screen and (max-width: 799px) {
	.text-break {
		display: none !important;
	}
	.text-break-sm {
		display: block !important;
		height: 0;
	}
}
.text-gradient {
    background: #FF6220;
    background: linear-gradient(to right, #F5007D 0%, #FF6220 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 38px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 30px;
	}
}
/*
 * Variable Text
 */
.text-inventory::before {
	content: '1,000,000+';
}
.text-inventory-short::before {
	content: '1.1MM+';
}
.text-impressions::before {
	content: '100+ billion';
}
.text-impressions-short::before {
	content: '100B+';
}
.text-videoenabled::before {
	content: '850,000+';
}
.text-videoenabled-short::before {
	content: '850K+';
}
/*
 * Top Navigation
 */
main#main {
    position: fixed;
    width: 100%;
    z-index: 9 !important;
	top: 0;
}
.topbar {
    display: flex;
    justify-content: space-between;
    height: 98px;
    padding: 20px;
}
@media (max-width: 414px) {
	.topbar {
		height: auto;
		padding: 10px 20px;
	}
}
.topbar__menu {
    display: inline-flex;
    align-items: center;
}
.topbar__logo {
    background-image: url(/wp-content/uploads/2021/07/Logo-Adomni-768x162.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 200px;
    background-position: center;
}
    @media (max-width: 576px) {
        .topbar__logo {
            width: 150px;
        }
    }
.topbar__login a::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 16px;
    color: #0a0a0a;
    padding-right: 15px;
}
.topbar__menu ul {
    list-style: none;
}
@media (min-width: 992px) {
	.hide-menu-item {
		display: none !important;
	}
}
@media (max-width: 991px) {
	.topbar__menu ul {
		display: none;
	}
	.hide-menu-item {
		display: block !important;
	}
}
@media (max-width: 414px) {
	.topbar__logo {
		background-image: url(/wp-content/uploads/2021/07/Logo-Adomni-768x162.jpg);
		width: 115px;
	}
}
.topbar__menu ul li {
    display: inline-block;
}

.topbar__menu ul li {
    margin-right: 25px;
}
    @media (min-width: 1200px) {
        .topbar__menu ul li {
            margin-right: 40px;
        }
    }
.topbar__menu li a {
    font-weight: 600;
}
.topbar__menu-last {
    padding-right: 35px;
}
.topbar__menu .fl-builder-module-template {
    padding: 0 !important;
}
.topbar__menu .fl-module-content {
    margin: 0 !important;
}
.topbar__menu .sub-menu {
  opacity: 0; /* Hidden by default */
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  transition-delay: 0.2s; /* Delay before hiding */
    position: absolute; /* Position for dropdowns */
    /* Add other styling like background-color, padding, etc. */
    background: #fff;
    box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    border-radius: 7px;
    margin: 10px 0 0 0;
}
.topbar__menu li:hover > .sub-menu {
  opacity: 1; /* Make visible */
  visibility: visible;
  transition-delay: 0s; /* No delay when appearing */
}
.topbar__menu .menu-item-has-children:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    color: #0a0a0a;
    padding: 0 0 0 5px;
}
.sub-menu .menu-item {
    display: block;
    padding: 12px 5px;
    margin: 0;
}
.pp-menu-close-btn {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pp-menu-close-btn:hover {
    color: #ff6620;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.topbar .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner {
    width: 20px !important;
}
.topbar .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after,
.topbar .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before {
    padding-right: 25px !important;
}
.topbar .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner,
.topbar .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after,
.topbar .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.topbar .pp-advanced-menu-mobile-toggle.hamburger:hover .pp-hamburger .pp-hamburger-box .pp-hamburger-inner,
.topbar .pp-advanced-menu-mobile-toggle.hamburger:hover .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after,
.topbar .pp-advanced-menu-mobile-toggle.hamburger:hover .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before {
    background-color: #ff6620 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.topbar .pp-advanced-menu-mobile-toggle.hamburger:hover .pp-hamburger .pp-hamburger-box .pp-hamburger-inner {
    width: 30px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (max-width: 768px) {
    nav.pp-menu-nav.pp-off-canvas-menu.pp-menu-right {
        width: 80vw;
    }
    .pp-advanced-menu .pp-off-canvas-menu {
    	background-color: rgba(46, 46, 46, 1) !important;
	}
    .pp-advanced-menu.off-canvas .menu li a {
		padding-top: 15px !important;
		padding-right: 0 !important;
		padding-bottom: 15px !important;
		padding-left: 0 !important;
    }
    .pp-advanced-menu .menu a {
        font-size: 18px;
        text-align: right;
    }
	.pp-advanced-menu.off-canvas .menu {
	    padding: 20px !important;
	}
	.pp-advanced-menu.off-canvas .pp-off-canvas-menu.pp-menu-right .pp-menu-close-btn {
		float: none !important;
		left: 0 !important;
		right: 0 !important;
		padding-right: 20px;
		font-size: 35px;
	}
	.pp-advanced-menu .pp-off-canvas-menu .pp-menu-close-btn {
    	color: #999 !important;
	}
	a.pp-menu-close-btn {
		background-image: url('/wp-content/uploads/2022/02/adomni-white-logo.png');
		background-size: 115px;
		background-repeat: no-repeat;
		background-position: 20px center;
	}
}
/*
 * Footer 
 */
footer .fl-row {
    background: #333333;
    min-width: 1100px;
}
@media (max-width: 1100px) {
    footer .fl-row {
        margin-top: 0px;
        border-radius: 0px;
        min-width: 100%;
    }
}

/*
 * Real World DOOH
 */
.pp-tabs-panel .uberooh .fl-row-content-wrap {
    background-size: 80%;
}
    @media (max-width: 768px) {
        .pp-tabs-panel .uberooh .fl-row-content-wrap {
            background-image: none;
        }
    }
    .results-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .results-item {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        margin-bottom: 30px;
    }
    .result-img {
        height: 10em;
        width: 20em;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .results-logo {
        height: 180px;
        width: 240px;
        background-size: 80% !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #efefef;
    }
    .results-logo-lg { 
    	height: 120px;
   	 	background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .results-title {
        font-weight: 600;
        font-size: 17px;
        display: block;
        margin: 0 auto;
        text-align: center;
        padding-top: 10px;
    }
    .results-pagination {
        padding-bottom: 50px;
        padding-top: 50px;
        text-align: center;
        border-top: 1px solid #e0e0e0;
    }
    .searchandfilter ul {
        margin: 0;
    }
    #results-home .fl-post-grid-post,
    .single-dooh_brand .fl-post-grid-post {
        border:0;
    }
    
    .results-end {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 50px 0;
        color: #999;
        flex-basis:100%;
    }
#rw-tabs .fl-button-group-buttons {
    background-color: #ddd;
}
.searchandfilter label {
    display: block;
    margin: 0 auto;
    width: 300px;
}
.searchandfilter ul {
    text-align: center;
    border-radius: 5px;
}
.single-ad-img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #efefef;
    width: 100%;
}
.single-ad-label {
    line-height: 1.35em;
    padding: 10px 10px 0 10px;
}
.rw-logos .fl-post-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
select.sf-input-select {
    color: #666;
    width: 230px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('https://adomnidemo.wpengine.com/wp-content/uploads/2023/09/chevron-down.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 200px;
}
/* https://w3bits.com/tools/masonry-generator/ */
.masonry-wrapper {
    padding: 1.5em 0;
    margin-right: auto;
    margin-left: auto;
}
.masonry {
    columns: 1;
    column-gap: 10px;
}
.masonry-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {  .masonry {
    columns: 2;
    }
}
@media only screen and (min-width: 1024px) {
    .masonry {
    columns: 2;
    }
}
.masonry-item, .masonry-content {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
/*
 * Lightbox from https://codesalad.dev/blog/pure-css-lightbox-25
 */

.lightbox {
    /* Default to hidden */
    display: none;

    /* Overlay entire screen */
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;

    /* A bit of padding around image */
    padding: 1em;

    /* Translucent background */
    background: rgba(0, 0, 0, 0.9);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
    display: block;
}
.lightbox span {
    display: block;
    width: 100%;
    max-width: 600px;
    height: 100%;
    max-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 30px;
}

.advanced-qr-number {
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 3px solid #ccc;
    line-height: 3em;
    color: #000;
    font-weight: 500;
    height: 50px;
    width: 50px;
}
.book-effects img {
	-webkit-box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 54%), 0px 6px 0px -30px rgb(0 0 0 / 54%); 
    box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 54%), 0px 6px 0px -30px rgb(0 0 0 / 54%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/*
 * Mobile Only 
 */
.sm-text-center {
	text-align: center;
}
.sm-show {
	display: block;
}	
@media (min-width: 768px) {
	.sm-show {
		display: none;
	}	
	.sm-text-center {
		text-align: inherit;
	}
}
#industry-button {
    display: inline-block;
}
#industry-venue-header {
    display: flex;
    flex-direction: column;
    background-color: #000;
    padding: 50px 0;
    text-align: center;
    color: #fff;
	margin-bottom: 20px;
}
#industry-venue-header h1 {
    margin: 0;
	color: #FFFFFF;
}
#industry-venue-header a  {
	color: #FF6220;
}
.home-video video {
	-webkit-mask-image: -webkit-radial-gradient(white, black) !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
}

/* Default Lightbox */
.fl-video-lightbox-wrap .mfp-content {
	background: transparent !important
}
.mfp-wrap.fl-video-lightbox-wrap .mfp-close, .mfp-wrap.fl-video-lightbox-wrap .mfp-close:hover {
    color: #fff!important;
}

/* Remove link underline from parent OceanWP theme */
.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
    text-decoration: none;
}
.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button):hover, .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):hover {
    text-decoration: none;
}
a:focus {
    outline: 0 !important;
}

/* Podcast Single + Archive */
#podcast-platform {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
	#podcast-platform {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
#podcast-platform_list {
	display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
#podcast-platform div:not(:last-child) {
    margin-right: 15px;
}
@media (max-width: 767px) {
	#podcast-platform div:not(:last-child) {
		margin-right: 25px;
		margin-bottom: 10px;
	}
}
/* Vimeo Container */
@media only screen and (min-width: 768px) {
	.vimeoiframe {
		display:block;
		height: 564px;
	}
}

/* Industry > Category */
.industry-buttons .fl-col-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    #industry-header {
        position: sticky; 
        top: 0;
        z-index: 9;
    }
    .industry-anchor {
        top: -200px !important;
    }
}
.industry-anchor {
    display: block;
    position: relative;
    top: 1px;
    visibility: hidden;
}
.industry-header-margin {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}
.industry-breadcrumb-hide {
    line-height: 0;
    opacity: 0;
}
#industry-title h1 span,
#industry-header .fl-row-content-wrap,
.industry-header-margin,
.industry-breadcrumb-hide,
.industry-title-margin {
    transition: all 0.5s ease;
}

/* Video Demo iPhone 5 Chrome Fix */
/* 1284×2778 pixels at 460ppi */
@media only screen 
    and (width: 430px) 
    and (height: 932px) 
    and (-webkit-device-pixel-ratio: 3) {
		nav.pp-menu-nav.pp-off-canvas-menu.pp-menu-right.focus, .pp-menu-nav, .pp-clear {
			z-index: 9999 !important;
		}
}