/* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ html { min-width: 910px; } html.responsive { min-width: 0px; } .boxed#top { margin: 0 auto; overflow: visible; /* position:relative; z-index: 3; */ } .container { position: relative; width: 100%; margin: 0 auto; padding: 0px 50px; clear: both; } .inner-container{ position: relative; height:100%; width:100%; } /*no z-index for container_wrap or fixed bgs start disapearing when other elements transition -> weird chrome bug*/ .container_wrap { clear: both; position: relative; /* z-index: 1; */ border-top-style: solid; border-top-width: 1px; } .unit, .units { float: left; display: inline; margin-left: 50px; position: relative; z-index: 1; min-height: 1px; } .row { position: relative; margin-bottom: 20px; clear: both; } #wrap_all { width: 100%; position: static; /*fixes chrome 40 issue with fixed section bgs*/ z-index: 2; overflow: hidden; } .boxed #wrap_all { overflow: visible; /*needed for cart icon */ } /* Nested Column Classes */ body .unit.alpha, body .units.alpha, body div .first { margin-left: 0; clear: left; } body .unit.alpha, body .units.alpha { width: 100%; } /* Base sizes */ .container .av-content-full.units {width: 100%} .container .av-content-small.units {width: 73%} .boxed#top, .html_boxed.html_header_sticky #header{ width: 1010px; } .container{ max-width: 1010px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top { overflow-x: hidden; } .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header{ width: 782px;} .responsive .container{ max-width: 782px; } .responsive.html_mobile_menu_tablet .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ } } /* All Tablets and smaller */ @media only screen and (max-width: 989px) { .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell { margin: 0; margin-bottom: 20px; width: 100%; display: block; } .responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet { display: block; } .responsive #top #wrap_all .av-flex-cells .no_margin{ height:auto !important; overflow: hidden; } } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 767px) { .responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ } .responsive #top { overflow-x: hidden; } .responsive .boxed#top, .responsive #top.boxed .stretch_full , .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; } .responsive #top .flex_column_table_cell{display: block;} .responsive #top .flex_column_table{display:block;} .responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left:0; padding-right:0; float:none; } .responsive .units, .responsive .unit { margin: 0; } .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top #wrap_all .av-flex-cells .no_margin{ display: block; margin: 0; height:auto !important; overflow: hidden; padding-left:8% !important; padding-right:8% !important; } .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{ width: 100%; max-width: 100%; margin: 0 auto; } .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{ padding-left:0% !important; padding-right:0% !important; } .responsive #top #wrap_all .flex_column:empty{margin:0;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested units, or wrap each row of units in a
*/ .clearfix:before, .clearfix:after, .flex_column:before, .flex_column:after, .widget:before, .widget:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .flex_column:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear units */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Columns for better content separation ================================================== */ body div .first, body div .no_margin { margin-left: 0; } div .flex_column { z-index: 1; float: left; position: relative; min-height: 1px; width: 100%; } div .av_one_fifth { margin-left: 6%; width: 15.2%; } div .av_one_fourth { margin-left: 6%; width: 20.5%; } div .av_one_third { margin-left: 6%; width: 29.333333333333332%; } div .av_two_fifth { margin-left: 6%; width: 36.4%; } div .av_one_half { margin-left: 6%; width: 47%; } div .av_three_fifth { margin-left: 6%; width: 57.599999999999994%; } div .av_two_third { margin-left: 6%; width: 64.66666666666666%; } div .av_three_fourth { margin-left: 6%; width: 73.5%; } div .av_four_fifth { margin-left: 6%; width: 78.8%; } div .av_one_sixth { margin-left: 6%; width: 11.666666666666666%; } div .av_one_seventh { margin-left: 6%; width: 9.142857142857142%; } div .av_one_eighth { margin-left: 6%; width: 7.25%; } div .av_one_nineth { margin-left: 6%; width: 5.777777777777778%; } div .av_one_tenth { margin-left: 6%; width: 4.6%; } /* Columns for better content separation (no margin) ================================================== */ #top div .no_margin { margin-left: 0; margin-top: 0; } #top .no_margin.av_one_fifth { width: 20%; } #top .no_margin.av_one_fourth { width: 25%; } #top .no_margin.av_one_third { width: 33.3%; } #top .no_margin.av_two_fifth { width: 40%; } #top .no_margin.av_one_half { width: 50%; } #top .no_margin.av_three_fifth { width: 60%; } #top .no_margin.av_two_third { width: 66.6%; } #top .no_margin.av_three_fourth { width: 75%; } #top .no_margin.av_four_fifth { width: 80%; } #top .no_margin.av_one_sixth { width: 16.666666666666668%; } #top .no_margin.av_one_seventh { width: 14.285714285714286%; } #top .no_margin.av_one_eighth { width: 12.5%; } #top .no_margin.av_one_nineth { width: 11.11111111111111%; } #top .no_margin.av_one_tenth { width: 10%; } /* Columns with equal height ================================================== */ #top .flex_column_table{ display: table; table-layout: fixed; width:100%; float: left; /* added 4.7.4.1 to fix equal height after individual height columns */ } #top .flex_column_table.av-equal-height-column-flextable:not(:first-child){ margin-top: 50px; /* added 4.7.5.1 to fix inconsistent layout equal height after individual height columns but remove when first entry */ } #top .flex_column_table_cell{ float:none; display: table-cell; } #top .av-flex-placeholder{ display: table-cell; width: 6%; } .av-align-top{ vertical-align: top; } .av-align-middle{ vertical-align: middle; } .av-align-bottom{ vertical-align: bottom; } /*breaking point logic for the common 1/4 element in ipads. makes sure that it converts to a 1/2 element in most cases*/ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div { margin-left: 4%; width: 48%; } .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.first.flex_column_div { margin-left: 0%; clear: both; } .responsive .av_one_half.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div { width: 100%; } .responsive .av_one_half.first + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div { margin-top: 30px; } } /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Table #Misc #WordPress Generated Generics #print styles */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1em; } ol, ul { list-style: none; } .special-quote { quotes: none; } .special-quote:before, .special-quote:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* #Basic Styles ================================================== */ html.responsive, .responsive body{ overflow-x: hidden; } body { font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ /*font-stacks*/ .arial-websave{ font-family: Arial, Helvetica, Helvetica Neue, HelveticaNeue, Verdana, sans-serif; } .arial-black-websave{ font-family: Arial Black, Arial Bold, Gadget, sans-serif; } .arial-narrow-websave{ font-family: Arial Narrow, Arial, sans-serif; } .helvetica-websave{ font-family: Helvetica, "HelveticaNeue", "Helvetica Neue", Arial, Verdana, sans-serif; } .helvetica-neue-websave{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .lucida-sans-websave{ font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Helvetica Neue, HelveticaNeue, Arial, sans-serif; } .tahoma-websave{ font-family: Tahoma, Verdana, Segoe, sans-serif; } .trebuchet-ms-websave{ font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; } .verdana-websave{ font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; } .georgia-websave{ font-family:"Georgia", "Times New Roman", Times, serif; } .lucida-bright-websave{ font-family: Lucida Bright, Georgia, serif; } .palatino-websave{ font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif; } .times-new-roman-websave{ font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif; } .courier-new-websave{ font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; } .lucida-sans-typewriter-websave{ font-family: Lucida Sans Typewriter, Lucida Console, monaco, Bitstream Vera Sans Mono, monospace; } .copperplate-websave{ font-family: Copperplate, Copperplate Gothic Light, fantasy; } .papyrus-websave{ font-family: Papyrus, fantasy; } .brush-script-mt-websave{ font-family: Brush Script MT, cursive; } /*default*/ h1, h2, h3, h4, h5, h6 { /* font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */ font-weight: 600; } #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; } #top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; } h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;} h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; } h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/ h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/ h5 { font-size: 16px; line-height: 1.1em; } /*17*/ h6 { font-size: 14px; line-height: 1.1em; } .flex_column h1 a:hover, .flex_column h2 a:hover, .flex_column h3 a:hover, .flex_column h4 a:hover, .flex_column h5 a:hover, .flex_column h6 a:hover{text-decoration: underline;} p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.5em; } p { margin: 0.85em 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; } em { font-style: italic; } strong, b{ font-weight: bold; } small { font-size: 80%; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* Blockquotes */ blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 1.235em; line-height: 1.5em; } blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;} mark{ background-color: transparent; color:inherit; } /* #Links ================================================== */ a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; } a:hover, a:focus, a:visited { outline: 0; text-decoration: underline;} p a, p a:visited { line-height: inherit; } a.avianolink, .avianolink a{cursor: default;} #top .avia_hidden_link_text{display: none;} /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; margin-left: 7px;} ol { list-style: decimal; margin-left: 15px; } ol, ul.square, ul.circle, ul.disc { } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc, .entry-content-wrapper ul { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } .entry-content-wrapper li { margin-left: 1em; padding:3px 0;} .entry-content-wrapper div li { text-indent: 0; } .entry-content-wrapper .borderlist>li:first-child { border-top:1px solid; } .entry-content-wrapper .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;} /* #Images ================================================== */ img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; image-rendering: optimizeQuality; } /* Hide Image Copyright everywhere by default */ small.avia-copyright{ display: none; } /* #Buttons ================================================== */ input[type="submit"], #submit, .button{ padding:9px 22px; cursor:pointer; border:none; -webkit-appearance: none; border-radius: 0px; } /* #Icons ================================================== */ [data-av_icon]:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; content: attr(data-av_icon); speak: none; } /* #Forms ================================================== */ #top form { margin-bottom: 20px; } #top fieldset { margin-bottom: 20px; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 8px 6px; outline: none; font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 100%; display: block; margin-bottom: 20px; background: #fff; border-radius: 0px; } #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); color: #555; } #top textarea { min-height: 60px; line-height:1.5em;} #top label{ font-weight: bold; font-size: 0.92em; } #top legend { display: block; font-weight: normal; font-size: 1.2em; } #top select { width: 100%; } #top input[type="checkbox"] { display: inline; } #top label span, #top legend span { font-weight: normal; font-size: 13px; color: #444; } #top textarea{width:100%;} #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid #9AA600;} /*#70A41B*/ #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select{border:1px solid #DF653E;} #top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select{border:1px solid #ffb628;} #top #wrap_all .valid .input_checkbox_label{color:#9AA600;} #top #wrap_all .error .input_checkbox_label{color:#DF653E;} /* #Table ================================================== */ table { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 13px; } table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; font-size: 12px; } th { font-weight:bold; letter-spacing: 1.5px; text-transform: uppercase; text-align: left; padding: 9px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } td { font-size: 13px; padding: 9px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } tr th:first-child, tr td:first-child{ border-left-style: solid; border-left-width: 1px; } tr:first-child th, tr:first-child td{ border-top-style: solid; border-top-width: 1px; } #top th.nobg { background: none; border-top: 0; } /* #Other elements ================================================== */ /*code*/ pre{ clear:both; border-style: solid; border-width: 1px; overflow:auto; padding:2em; line-height: 2em; font-size: 12px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-size: 100% 4em; font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; margin-bottom: 30px; position: relative; left:0; text-transform: none; width:100%; } code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; } iframe, object, embed{ max-width:100%; } /* misc text styles */ sup{ vertical-align: super; font-size: smaller; } sub{ vertical-align: sub; font-size: smaller; } /* #Misc ================================================== */ .hidden { position: absolute; top:0; visibility: hidden;} .floatleft{float:left;} .floatright{float:right;} .clearboth{clear:both;} .special_amp{font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic; font-size: 1.3em; line-height: 0.5em; font-weight:normal;} #top .noborder, #top .noborder img{border:none;padding:0;background: transparent;} .bg_container{ background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height:100%; width:100%; position: fixed; z-index: -1; top:0; left:0; } .image-overlay{position: absolute; background: #fff; z-index: 300; height:100%; width:100%; opacity: 0; filter:alpha(opacity=0);} .avia_transform a .image-overlay{ -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .avia_transform a:hover .image-overlay{opacity: 0.7 !important;} .image-overlay .image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0; } .image-overlay .image-overlay-inside:before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff;} .image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; } .image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\E832";} .image-overlay.overlay-type-video .image-overlay-inside:before{content:"\E897";} #top .hide-inner-overlay .image-overlay-inside{display: none;} /* #WordPress Generated Generics ================================================== */ /*img alignment*/ body .alignleft, .entry-content-wrapper a:hover .alignleft{ float:left; margin:4px 10px 0px 0; display: block; position: relative; } body .alignright, .entry-content-wrapper a:hover .alignright { float:right;margin:4px 0px 0px 10px;display: block; position: relative; } body .aligncenter, .entry-content-wrapper a:hover .aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; position: relative; } .alignleft img, .alignright img{ display:block; } /*gallery*/ #top .gallery a, #top .gallery a img{ border:none; max-width: 100%; display: block; position: relative; } #top .gallery .gallery-item{ margin:1px 1px 0 0; width:80px; height:80px; padding:0; } #top .gallery-caption{ display: none; } .bypostauthor{ } .gallery-icon{ margin:0; } .gallery-item{ margin:0; } .avia_textblock .gallery p{display:none;} /*image captions*/ div .wp-caption{ max-width:100%; font-size: 11px; font-style: italic; border-width:1px; border-style: solid; margin:5px 15px 10px 0; position: relative; } #top .wp-caption img { border:medium none; display:block; padding:5px; margin:0; width:100%; } .wp-caption-text, #top .wp-caption .wp-caption-dd{ display:block; font-size:11px; font-style:italic; margin:0 auto; padding:3px 10px 5px; text-align:center; font-family: Georgia,"Times New Roman"; float: none; } #top .wp-caption.aligncenter{ margin:5px auto 10px auto; padding:0; } #top .wp-caption.alignright{ margin: 4px 0px 0px 10px; } /*smiley image*/ #top .wp-smiley{ display:inline-block; border:none; } /*calendar table*/ #wp-calendar td, #wp-calendar th{ text-align: center; font-size: 11px; padding: 3px; } @media only screen and (min-width: 990px){ .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden{display:none;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden{display:none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive.av-no-preview #top #wrap_all .av-small-hide, .responsive.av-no-preview #top #wrap_all .av-small-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-small-font-size-title-hidden{display:none;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive.av-no-preview #top #wrap_all .av-mini-hide, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-title-hidden{display:none;} } /* Print Styles ================================================== */ @media print{ .page-break{display:block;page-break-before:always} p,a,strong{color:#000!important} a{text-decoration:underline} .entry-content a:after{content:" [" attr(href) "] "} .related_posts a:after{content:attr(title)} .container{width:100%} #top{overflow-x:hidden} .boxed#top{width:100%} .container{width:100%;margin:0 auto} .units,.unit{margin:0} .container .one.unit,.container .one.units,.container .two.units,.container .three.units,.container .four.units,.container .five.units,.container .six.units,.container .seven.units,.container .eight.units,.container .nine.units,.container .ten.units,.container .eleven.units,.container .twelve.units,#top .flex_column{margin:0;margin-bottom:20px;width:100%} #top.boxed .stretch_full{width:100%} #top .offset-by-one,#top .offset-by-two,#top .offset-by-three,#top .offset-by-four,#top .offset-by-five,#top .offset-by-six,#top .offset-by-seven,#top .offset-by-eight,#top .offset-by-nine,#top .offset-by-ten,#top .offset-by-eleven{padding-left:0} .avia-section-large .content,.avia-section-large .sidebar{padding-top:2%;padding-bottom:2%} #top .flex_column.av_one_half{width:48%} #top .flex_column.av_one_half.first{padding-right:2%} .fixed_header #header,.html_header_top.html_header_sticky #header{position:relative;top:0} .fixed_header #main{padding-top:0} #header_main{border-bottom:0} nav,#footer,#scroll-top-link,#av-cookie-consent-badge,.image-overlay,#top #main .sidebar,#commentform,.comment_container .miniheading,.comment_container .minitext,#top .avia-post-nav{display:none} .avia-shadow{box-shadow:inset 0 0 0 rgba(0,0,0,0)} .grid-entry .inner-entry{margin-right:0;box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)} .content{border:0} .boxed .container{margin:0} .avia-layerslider,.avia-fullwidth-slider{display:none} .avia_transform .avia-icon-list .iconlist_icon{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)} #top .tab_titles{display:none} #top .tabcontainer .tab.fullsize-tab{display:block;border-bottom:none} #top .tab_content{display:block;visibility:visible;z-index:3;position:relative;overflow:auto;border-style:solid;border-width:1px;border-radius:2px;left:0;width:auto;background-color:#fcfcfc;color:#666} #top .tab_inner_content{left:0} #top .toggle_wrap{visibility:visible;display:block;position:static} .grid-sort-container{width:60%;margin:0 auto} #top .isotope-item{position:initial!important;top:0!important;left:0!important;-webkit-transform:translate3d(0,0,0)!important} .avia-progress-bar{margin:5px 0;border:1px solid #555!important;border-radius:3px!important} .avia-progress-bar .progress{box-shadow:inset 0 0 0 0 rgba(0,0,0,0)!important;border:0!important} .avia-progress-bar div.progress .bar{border:0 solid;border-right:1px solid #555!important;border-radius:0} .avia-testimonial-image{margin:0;width:100%;float:none;text-align:center;margin-bottom:15px;height:auto} .avia-grid-testimonials .avia-testimonial-meta{margin-left:0} body div .avia-testimonial{display:block;float:left} .avia_transform .avia-testimonial .avia-testimonial-image{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} .avia_transform .avia-gallery-thumb img{opacity:1} } /* Table of Content ====================================================================================================================================================== #Site Styles #Blog Styles #Page Styles #Post Formats #Widget & Sidebar #Footer & #Socket #Comment #CSS Animations #Media Queries */ /* ====================================================================================================================================================== #Site Styles ====================================================================================================================================================== */ #header{ position: relative; z-index: 501; /*(issues/769)*/ width:100%; background: transparent; } #header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; } /* sticky variation*/ .html_header_top.html_header_sticky #main{ padding-top:88px; } .html_header_top.html_header_transparency #header{ position: absolute; } .html_header_top.html_header_sticky #header{ position: fixed; } .html_header_top.html_header_sticky.html_bottom_nav_header #main{ padding-top:140px; } .html_bottom_nav_header .avia-search-tooltip { top: 101% !important; margin-left: -130px; } .html_header_top.html_header_sticky.html_header_unstick_top .header-scrolled-full#header { } /*big header*/ .html_header_top.html_header_sticky.html_large #main{ padding-top:116px; } .html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a { height: 116px; line-height: 116px; } .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main{ padding-top:168px; } /* stretched variation*/ .html_header_top #top .av_header_stretch .container{width:96%; padding:0; max-width: 100%;} /*logo + position variation*/ .html_header_top #top .av_logo_right .logo{ left:auto; right:0; } .html_header_top #top .av_menu_left .main_menu{left:0px; right:auto;} .html_header_top.html_main_nav_header #top .av_menu_left .main_menu{left:-13px; right:auto;} .html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a { height:50px; line-height: 50px;} .html_header_top .av_bottom_nav_header .av-logo-container .main_menu{display:none;} .html_header_top.html_bottom_nav_header #header_main{ z-index: 3; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu{ clear: both; position: relative; line-height: 40px; height: 100%; width:100%; float:left; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child{width:100%; height:50px;} .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child>li:hover{z-index: 1000; position: relative;} .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown{float:right;} #header_main_alternate{ z-index: 2;} #header #header_main_alternate .container{max-height: none; height:auto;} #header_main_alternate .main_menu .menu li ul ul { left: 207px; } #header_main_alternate .avia_mega_div{ right:auto;left:0;} .html_header_top.html_logo_center .main_menu{text-align: center;} .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child{display: inline-block; width:auto; position: static;} .html_header_top.html_logo_center .logo{ left:50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .avia-msie-8 .logo img{height:100%;} .avia-msie-8.html_header_top.html_logo_center .logo { left:46%; /*ie8 rule for somewhat centering the logo*/} .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{width:auto; float:right;} .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{width:auto; float:right;} /*top bar variation*/ .html_header_top.html_header_topbar_active.html_header_sticky #top #main{ padding-top:119px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main{ padding-top:147px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main{ padding-top:170px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main{ padding-top:198px; } /*top bar element alignment*/ .av_icon_active_left .social_bookmarks{ float: left; } .av_icon_active_right .social_bookmarks{ float: right; } .av_secondary_right .sub_menu{float:right;} .av_phone_active_left .phone-info{ float: left; } .av_phone_active_right .phone-info{ float: right; } /*header with social icons and bottom nav */ .phone-info { float: left; font-weight: bold; line-height: 20px; font-size: 11px; padding:5px 0; } .phone-info span{ display: inline-block; line-height: 1em;} .av_secondary_left .sub_menu>ul>li:last-child, .av_secondary_left .sub_menu>div>ul>li:last-child{ border:none; padding-right: 0;} .av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child{ border:none; margin-right: 0px; padding-right:0; padding-left:10px;} .av_secondary_left .sub_menu>ul>li:first-child{padding-left:0;} .av_icon_active_left.av_secondary_left .sub_menu>ul>li:first-child{padding-left:10px;} .av_icon_active_right.av_secondary_right .sub_menu>ul>li:first-child{padding-left:10px;} .av_secondary_right .sub_menu{padding-left:10px;} .av_icon_active_right .social_bookmarks{padding-left:20px;} .av_secondary_left .sub_menu{padding-right:10px;} /* .html_boxed.html_header_sticky #header{ width:auto; } */ .html_boxed #main {position: static; /*necessary for boxed layout + fix bg sections */ overflow: hidden; } .html_logo_right.html_bottom_nav_header #header_main .social_bookmarks{right:auto; left:0;} /*header with social icons and main nav */ #top nav .social_bookmarks{ position: relative; top: 50%; margin-top: -16px; right: 0; overflow: hidden; clear: none; float: left; } .avia-menu.av_menu_icon_beside{padding-right:25px; margin-right:25px; border-right-width: 1px; border-right-style: solid; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .fallback_menu + .social_bookmarks { padding-left: 18px; } #header_meta{ border-top:none; z-index: 10; min-height: 30px; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:-1px; } #header_meta .container{min-height: 30px;} #header_main{ border-bottom-width: 1px; border-bottom-style: solid; z-index: 1; } #header.shadow{box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);} .header_bg{ position: absolute; top:0; left:0; width:100%; height:100%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ z-index: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .html_header_sticky_disabled .header_bg { opacity: 1; filter: alpha(opacity=100); } .avia-msie-8.html_header_transparency .av_header_sticky_disabled#header{background: transparent;} /*minimal header*/ .av_minimal_header .header_bg{opacity:1; filter:alpha(opacity=100);} .av_minimal_header #header_main, .av_minimal_header #header_meta{border:none;} .av_minimal_header .avia-menu-fx{display: none;} #top #header.av_minimal_header .main_menu ul:first-child >li > ul, #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu{border-top: none;} .av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a{ height:90px; line-height: 90px; } .html_header_top.html_header_sticky.html_large .av_minimal_header #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child > li a {height:118px; line-height: 118px;} #top .av_minimal_header #s{border:none; padding: 12px 47px 12px 5px; } #top .av_minimal_header .av_ajax_search_entry{border:none;} .av_minimal_header_shadow{ box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); } .av_minimal_header_shadow.av_header_transparency{ box-shadow: 0 0 0px 0px rgba(0,0,0,0.0); } .av_minimal_header #header_main_alternate{border:none;} /*transparent header*/ .html_header_transparency #main{padding-top: 0 !important;} #top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover{ opacity: 0.8; } #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity: 0; filter:alpha(opacity=0);} #top .av_header_transparency #header_main, #top .av_header_transparency .avia-menu.av_menu_icon_beside{border-color: transparent;} #top .av_header_transparency .header_bg{background-color: transparent; opacity: 0; filter:alpha(opacity=0);} #top .av_header_transparency .phone-info, #top .av_header_transparency .social_bookmarks li a {color:inherit;} #top #header.av_header_transparency .avia_mega_div{margin-top:1px; padding-top:1px;} #top .av_header_transparency .avia-menu-fx {bottom: 22%; width: 70%; left: 15%;} #top .av_header_transparency .phone-info.with_nav span{ border-color: rgba(255, 255, 255, 0.25); color:#fff; } #top .av_header_transparency #header_meta li{ border-color: rgba(255,255,255,0.25); color:inherit; } #top .av_header_transparency #header_meta{background: transparent; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.25); } .html_header_transparency #header_meta{ -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out;} /*transparent glassy*/ #top .av_header_glassy.av_header_transparency .header_bg{background-color: #fff; opacity: 0.1; filter:alpha(opacity=10); } #top .av_header_glassy.av_header_transparency #header_main{border-color: rgba(255,255,255,0.25); border-top-color: transparent;} #top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside{ border-color: rgba(255, 255, 255, 0.25); } #top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a{border-color: rgba(255,255,255,0.25); color:#fff;} #top .av_header_glassy.av_header_transparency #header_main_alternate{border-bottom-color: rgba(255,255,255,0.25);} /*with border*/ #top .av_header_with_border.av_header_transparency #header_main{ border: 1px solid rgba(255,255,255,0.25); border-left: none; border-right: none; border-top-color: transparent;} #top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{border-color: rgba(255,255,255,0.25);} /*disabled search icon*/ .html_header_searchicon_disabled #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx{padding-right:13px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} /*scrolldown header*/ #top .av_header_scrolldown{ -webkit-transition: opacity 0.6s ease-out, margin 0.6s ease-out; transition: opacity 0.6s ease-out, margin 0.6s ease-out; margin-top:0px; } #top .av_header_scrolldown.av_header_transparency{opacity: 0;margin-top:-250px !important;} .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .container, .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .slideshow_inner_caption {padding-top: 0;} /* page as footer fix */ .html_header_transparency #top .footer-page-content .avia-builder-el-0 .container{ padding-top: 0; } /*perma hidden*/ #top .header_hidden{display:none;} /*header separator variations*/ .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{border-left-style: solid; border-left-width:1px; padding-left: 13px; margin-left: -13px;} .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text{border-left:none;} .av_seperator_big_border .av-main-nav > li > a{border-left-style: solid; border-left-width:1px; text-align: center; min-width: 90px;} #top .av_seperator_big_border .av-main-nav > li:last-child > a, #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-right-style: solid; border-right-width:1px; } #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-left-style: solid; border-left-width:1px; border-color: inherit; } #top .av_seperator_big_border#header .av-menu-button > a .avia-menu-text{border:none;} .av_seperator_big_border .avia-menu.av_menu_icon_beside{ padding-right: 0; } #top .av_seperator_big_border#header .av-main-nav > li > a{padding:0 13px;} #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style:none;border-right-width:0;} .html_bottom_nav_header #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-left-style: solid; border-left-width:1px; border-color: inherit; margin-left: -1px;} .avia-menu-subtext, #top .sub-menu .avia-menu-subtext{display:none;} /*menu flyout position*/ .html_header_top #top .av_menu_left .main_menu .menu li ul ul{ left: 207px} /*sidebar headers*/ .html_header_sidebar{} .html_header_sidebar #top #header{width:300px; position: absolute; min-height:100%; border-bottom:none;} .html_boxed.html_header_sidebar #wrap_all{position: relative;} .html_header_sidebar #top #header_main{border-top:none;} .html_header_sidebar #header .container{width:100%; height:auto; line-height: 1.3em; padding:0; float:none; max-width: 100%;} .html_header_sidebar .header_bg{ opacity: 1; filter: alpha(opacity=95); } .html_header_left #top #header{} .html_header_right #top #header{ right: 0;} .html_header_left #main{ margin-left:300px; position: relative; border-left-style:solid; border-left-width:1px; } .html_header_right #main{margin-right:300px; position: relative; border-right-style:solid; border-right-width:1px; } .html_header_sidebar #top #header.av_always_sticky{position: fixed; -webkit-backface-visibility: hidden; /*fix for layout bugs when scrolling*/} .html_header_sidebar .logo{position: relative; clear:both; padding:40px; border-bottom-style: solid; border-bottom-width:1px; height:auto; max-height: none; width:100%;} .html_header_sidebar .logo img{width:100%; max-height: none; padding:0; height:auto;} .html_header_sidebar .main_menu{position: relative; clear:both; z-index: 200;} .html_header_sidebar #header .av-main-nav , .html_header_sidebar #header .av-main-nav-wrap{width:100%;} .html_header_sidebar #header .av-main-nav {padding:20px 0;} .html_header_sidebar #header .av-main-nav > li{ float:none; display: block; margin:0 13%;} .html_header_sidebar #header .av-main-nav > li > a{line-height: 1.3em; height:auto; padding:15px 3px; border-bottom-style: solid; border-bottom-width:1px; margin:0 auto;} .html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{font-size:16px; font-weight:normal; display:block;} .html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{display:block; font-weight:normal; font-size:12px; padding-top: 3px;} .html_header_sidebar #header .av-main-nav > li:last-child > a{border:none;} .html_header_sidebar #header .av-main-nav > li:nth-last-child(2) > a{border:none;} .html_header_sidebar #header .avia-menu-fx{display:none;} .html_header_sidebar .av-main-nav ul{border-top-width: 1px;} .html_header_left .av-main-nav ul{top:0; left:100%; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); } .html_header_left #top .av-main-nav ul ul{left:207px; top:-1px;} .html_header_right .av-main-nav ul{top:0; left:auto; right:100%; box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1); } .html_header_right #top .av-main-nav ul ul{left:-207px; top:-1px;} .html_header_sidebar #top .av-main-nav ul a{padding: 12px 15px;} .html_header_sidebar #main > .avia-builder-el-0{border-top:none;} .html_header_sidebar #top #header .av-menu-button > a{border:none;} .html_header_sidebar #top #header .av-menu-button + .av-menu-button > a{padding-top:0;} .html_header_sidebar #top #header .av-menu-button-colored:hover{opacity: 0.8;} .html_header_left #header .avia_mega_div{left:100%; top:0; } .html_header_right #header .avia_mega_div{right:100%; top:0; } .html_header_sidebar #top #header .avia_mega_div > .sub-menu{border-width: 1px; border-style:solid; } .html_header_sidebar.html_content_align_left .container {float:left;} .html_header_sidebar.html_content_align_right .container {float:right;} .html_header_sidebar.html_content_align_left #footer, .html_header_sidebar.html_content_align_right #footer, .html_header_sidebar.html_content_align_left #socket, .html_header_sidebar.html_content_align_right #socket { overflow: hidden; } .html_header_sidebar .container_wrap { width: 100%; } #header .avia-custom-sidebar-widget-area{margin:0; padding:0; float:none;} #header .avia-custom-sidebar-widget-area .widget{border-top-style: solid; border-top-width:1px; padding:40px; width:100%; overflow: hidden;} .html_header_sidebar .av-sidebar-social-container{position: relative; clear: both; overflow: hidden;} .html_header_sidebar #top #header .social_bookmarks{position: relative; top:0;margin:0; border-top-style: solid; border-top-width:1px; clear:both; display:table;width:100%;table-layout: fixed;} .html_header_sidebar #top #header .social_bookmarks li{float:none; display:table-cell; text-align: center;} .html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a{border:none;} .html_header_sidebar #top #header .social_bookmarks li a{width:100%; border-radius: 0; border-left-style: solid; border-left-width: 1px; padding:10px 0;} .html_header_sidebar .av_default_container_wrap, .html_header_sidebar .container_wrap_first{ float: left; } /*main header on top, logo below*/ .html_top_nav_header #header_main_alternate{border-top:none; border-bottom-style: solid; border-bottom-width:1px; } .html_top_nav_header.html_minimal_header #header_main_alternate{border:none;} .html_top_nav_header div .logo{position: relative;} .html_top_nav_header .av-logo-container .inner-container{position: relative; overflow: hidden;} .html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main{padding-top:50px;} .html_top_nav_header .av-logo-container{height:88px;} .html_top_nav_header.html_large .av-logo-container{height:150px;} .html_top_nav_header #header_main{border:none;} /*burger menu*/ .av-hamburger { padding: 0 0 0 0; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .av-hamburger-box { width: 35px; height: 24px; display: inline-block; position: relative; } .av-hamburger-inner { display: block; top: 50%; margin-top: -2px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width: 40px; height: 3px; background-color: #000; border-radius: 3px; position: absolute; transition: transform 0.15s ease; } .av-hamburger-inner::before, .av-hamburger-inner::after { content: ""; display: block; } .av-hamburger-inner::before { top: -10px; } .av-hamburger-inner::after { bottom: -10px; } /* * Spin */ .av-hamburger--spin .av-hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin .av-hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease; } .av-hamburger--spin .av-hamburger-inner::after { transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) , background-color 0.15s ease; } .av-hamburger--spin.is-active .av-hamburger-inner { transform: rotate(225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .av-hamburger--spin.is-active .av-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease; } .av-hamburger--spin.is-active .av-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease; } /*own additions*/ .av-burger-menu-main{ display:none; -webkit-transition: padding 0.3s ease-out; transition: padding 0.3s ease-out;} .js_active.html_burger_menu #avia-menu > li{display:none;} .js_active.html_burger_menu #avia-menu .av-burger-menu-main, .html_burger_menu #top #avia-menu .menu-item-search-dropdown{ display:block; } .av-burger-menu-main{cursor: pointer;} .av-burger-menu-main a{padding-left:10px;} .av-hamburger strong{display:none;} .av-hamburger-box { height: 8px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width:100%; } .html_burger_menu #top #wrap_all .menu-item-search-dropdown > a{font-size:24px;} html.av-burger-overlay-active #top .menu-item-search-dropdown > a{color:#fff;} .html_burger_menu_active #header .avia-menu .menu-item{display: none;} .html_burger_menu_active .menu-item-avia-special{ display:block; } .html_burger_menu_active #top #wrap_all .menu-item-search-dropdown > a {font-size: 24px;} .html_header_sidebar #top div .av-burger-menu-main{display:none;} .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a{background: transparent; position: relative; z-index: 10; } /* * Spin Reverse */ .av-hamburger--spin-r .av-hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin-r .av-hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; } .av-hamburger--spin-r .av-hamburger-inner::after { transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin-r.is-active .av-hamburger-inner { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .av-hamburger--spin-r.is-active .av-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; } .av-hamburger--spin-r.is-active .av-hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } .av-burger-overlay{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index:100; display: none; overflow: hidden; opacity: 0; } .av-burger-overlay-inner, .av-burger-overlay-bg{ position: absolute; top: 0; left: 0; height:100%; width: 100%; min-height: 700px; display:table; vertical-align: middle; text-align: center; z-index: 5; } .av-burger-overlay-bg{ z-index: 3; opacity: 0.9; background: #000; display: block; position: fixed; } .av-burger-overlay-scroll{ overflow: auto; position: absolute; height: 100%; width: 100%; z-index: 10; -webkit-overflow-scrolling: touch; } #av-burger-menu-ul li a{position: relative; display: block; -webkit-transition: none; transition: none; } #av-burger-menu-ul li ul { background:transparent; } html.av-burger-overlay-active #header_meta, html.av-burger-overlay-active #menu-item-shop.cart_dropdown, html.av-burger-overlay-active .cart_dropdown, html.av-burger-overlay-active #top .social_bookmarks{ z-index: 1; } .av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after{ background-color:#fff; } .av-burger-overlay-active #top #header .av-main-nav > li > a{background: transparent;} .av-burger-overlay-active #scroll-top-link{z-index:150;} #top #av-burger-menu-ul{display: table-cell; height: 100%; width:100%; vertical-align: middle; padding:125px 0;} .html_av-overlay-full #av-burger-menu-ul li{display:block; height:auto; width:100%; padding:0.3em 0; font-size: 35px;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li{line-height:1.6em;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li{font-size: 0.6em; line-height:1.4em;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li li{font-size: 0.8em; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a{color:#fff; height:auto; line-height:inherit; font-size: inherit;} .html_av-overlay-full #av-burger-menu-ul li a:hover, .html_av-overlay-full #av-burger-menu-ul li a:active, .html_av-overlay-full #av-burger-menu-ul li a:focus{ text-decoration: none; opacity: 0.7;} .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a, .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a:hover{ color:#fff; } .html_header_top.html_logo_center.av-burger-overlay-active .menu-item-avia-special{ z-index: 150; } #top #wrap_all #av-burger-menu-ul > li{ opacity:0; position: relative; top:18px; -webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out; transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out; -webkit-transform: translate3d(0,0,0); /*fixes disapearing in ios*/ } .avia_desktop.avia-safari #top #wrap_all #av-burger-menu-ul > li { -webkit-transform: none; } #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items{ opacity:1; top:0; left:0; } .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button > a .avia-menu-text{ padding: 0.5em 1.5em; } .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button{ margin-top: 0.4em;} .html_av-overlay-full #av-burger-menu-ul li ul li a { font-size: 1.3em; } #av-burger-menu-ul li a .avia-menu-subtext{ display: block; font-size: 0.6em; line-height: 1.2em; margin: -10px 0 13px 0; opacity: 0.7; text-transform: none; } .html_av-overlay-side #av-burger-menu-ul li a .avia-menu-subtext{ font-size:1em; margin:0; opacity: 0.9; } #av-burger-menu-ul .avia-menu-fx{display:none;} /*small*/ #top .av-small-burger-icon{ -ms-transform: scale(0.6); transform: scale(0.6); transform-origin: right; } #top #wrap_all #header .av-small-burger-icon a{padding:0;} /*side opening menu*/ .html_av-overlay-side .av-burger-overlay-bg{opacity: 0.3; cursor: pointer;} .html_av-overlay-side #top .av-burger-overlay li {margin:0;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li a{ line-height: 1.3em; height:auto; padding:15px 50px; display: block; text-align: left; text-decoration: none;} .html_av-overlay-side #top .av-burger-overlay li a:hover{ text-decoration: none; } .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{top:0; left:18px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li a{padding-left:70px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a{padding-left:90px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li a{padding-left:110px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li li a{padding-left:130px;} .html_av-overlay-side .av-burger-overlay-scroll{width:350px; right:0; max-width:100%; -webkit-transform: translateX(350px); transform: translateX(350px); -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1); transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1); } .html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll{-webkit-transform: translateX(0); transform: translateX(0);} .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{ opacity:1; top:0; left:0;} /*side opening menu classic*/ .html_av-overlay-side-classic #top .av-burger-overlay{ font-size: 1em; } .html_av-overlay-side-classic #av-burger-menu-ul{vertical-align: top;} .html_av-overlay-side-classic #top .av-burger-overlay li a{ border-bottom-style: solid; border-bottom-width: 1px; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet{ height: 1px; display: block; position: absolute; margin-top: 0; opacity: 0.3; border: none!important; width: 7px; left: 50px; top: 50%;} .html_av-overlay-side-classic #top .av-burger-overlay li li li .avia-bullet{ left: 70px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li .avia-bullet{ left: 90px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li li .avia-bullet{ left: 110px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li li li .avia-bullet{ left: 130px; } /*side opening menu minimal*/ .html_av-overlay-side-minimal .av-burger-overlay-bg{opacity: 0.1;} .html_av-overlay-side-minimal #top .av-burger-overlay{ font-size: 1.1em; } .html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu{ font-size: 0.9em; } /*hidden submenu items*/ /*#top #av-burger-menu-ul .av-show-submenu > ul{display: block;}*/ .html_av-submenu-hidden #av-burger-menu-ul li ul{display:none;} .html_av-submenu-hidden .av-submenu-indicator{ display: inline-block; padding:0 10px; font-size: 11px; opacity: 0.5; vertical-align: top; float: right; -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;right: 30px; top: 50%; margin-top: -9px; height: 20px; line-height: 20px;} .html_av-submenu-hidden .av-submenu-indicator:before{ content:"\E87d"; font-family: 'entypo-fontello';} .html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator{-webkit-transform: rotate(90deg); transform: rotate(90deg);} /*logo*/ div .logo{ float:left; position: absolute; left:0; z-index: 1;} .logo, .logo a{ overflow: hidden; position: relative; display: block; height: 100%; } .logo img{ padding:0; display: block; width: auto; height: auto; max-height: 100%; image-rendering:auto; position: relative; z-index: 2; height : 100%\9; /*hack: fixes ie8 logo*/ height: auto\9; /*hack: fixes ie8 squished logo*/ -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .logo img.alternate{ position: absolute; z-index: 1; top:0; left:0; opacity: 0; } .av_header_transparency .logo img.alternate{opacity: 1;} /*menu*/ .main_menu{ clear:none; position: absolute; z-index: 100; line-height:30px; height:100%; margin:0; right:0; } .main_menu .pointer_arrow_wrap{display:none;} .av-main-nav-wrap{float:left; position: relative; z-index: 3;} .av-main-nav-wrap ul{ margin:0; padding: 0; } .av-main-nav{z-index: 110; position: relative;} .av-main-nav ul { display: none; margin-left:0; left:0; position: absolute; top: 100%; width: 208px; z-index: 2; padding:0; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); margin-top:-1px; } .av-main-nav ul li { margin:0; padding:0; width:100%; } .av-main-nav ul li a { border-right-style: solid; border-right-width:1px; border-left-style: solid; border-left-width:1px; } .av-main-nav ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 1px; } .av-main-nav li{ float:left; position:relative; z-index:20; } .av-main-nav li:hover{ z-index: 100 } .av-main-nav > li > ul { border-top-width:2px; border-top-style: solid; } .av-main-nav > li { line-height: 30px; } .av-main-nav li a { max-width:none; /* fixes IE8 menu width issue*/ } .av-main-nav > li > a { display:block; text-decoration: none; padding:0 13px; font-weight: normal; font-size:12px; font-weight: 600; font-size: 13px; -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; } .av-main-nav > li > a , div #menu-item-shop.cart_dropdown{ -webkit-transition: none; transition: none; -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out; } .av_header_transparency .av-main-nav > li > a , .av_header_transparency #menu-item-shop.cart_dropdown{ -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } #top .av-main-nav ul a{ width:100%; height:auto; float:left; text-align:left; line-height:23px; padding:8px 15px; font-size: 12px; min-height: 23px; max-width: none; text-decoration: none; font-family: inherit; } #top .av-main-nav ul ul { left:-207px; top:0px; margin:0; border-top-style: solid; border-top-width: 1px; padding-top: 0px } .av-main-nav li:hover ul ul{ display:none; } #top .av-main-nav li:hover > ul { display:block; } .avia-menu-fx{position: absolute; bottom:-1px; height:2px; z-index: 10; width:100%; left:0; opacity: 0; visibility: hidden; } .av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx{opacity: 1; visibility: visible;} .avia-menu-fx .avia-arrow-wrap{ height:10px; width:10px; position: absolute; top:-10px; left:50%; margin-left:-5px; overflow: hidden; display:none; visibility: hidden; } .current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap{display:block;} .avia-menu-fx .avia-arrow-wrap .avia-arrow{ top: 10px; } .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a{ padding-right:0; } .html_bottom_nav_header.html_logo_center #top .av_seperator_big_border #menu-item-search>a{ padding-right:13px; border-right-style: solid; border-right-width: 1px; } .html_bottom_nav_header .av-logo-container .main_menu{display:none;} /*mega menu styles*/ .main_menu .avia-bullet{display:none} #top #header .menu-item-mega-parent.current-menu-item{overflow: visible!important;} #top #header .mega_menu_title a{ color:inherit; font-size: 17px; line-height: 1.1em; padding:0; margin:0; background: transparent; border:none; } #top #header .mega_menu_title a:hover{ text-decoration: underline; } #header .avia_mega_div{ /* use similar styles to .main_menu .menu ul */ display: none; margin: -1px 0 0 0; right: 0; position: absolute; top: 100%; z-index: 2; box-shadow: 0 32px 60px rgba(0, 0, 0, 0.1); overflow: hidden; padding:1px 0 0; text-align: left; } #header.av_minimal_header .avia_mega_div{ margin:0; border-top-style:solid; border-top-width:1px; } #header.av_minimal_header .avia_mega_div .units{border-right:none; } #header .avia_mega_div .units{ padding:0 14px 0 15px; margin:0; border-right-style:dotted; border-right-width:1px; } #header li:hover .avia_mega_div{ display:block; } #top #header .avia_mega_div ul, #top #header .avia_mega_div li{ /*reset list styles for mega menus*/ position: relative; display:block; top:auto; left:auto; height:auto; } #top #header .avia_mega_div .sub-menu{ overflow: hidden; width:100%; box-shadow: none; border-style:none; border-width:0px; position: relative; top:0; display:block; left:0; clear: both; } /*wrapper arround all columns*/ #top #header .avia_mega_div > .sub-menu{ display: table; padding:20px 30px 30px; border-top-style:solid; border-top-width:2px; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr { padding-top: 30px; } /*columns*/ #top #header .avia_mega_div > .sub-menu > li{ display: table-cell; float:none; padding-top:10px; padding-bottom:0; vertical-align: top; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr{ border-top-width:1px; border-top-style:dashed; } /*columns inner*/ #top #header .avia_mega_div > .sub-menu > li > ul{ padding:0; } /*column lists*/ #top #header .avia_mega_div > .sub-menu > li > ul li{ display: block; float: none; padding: 0; margin:0; list-style-type: circle; list-style-position: inside; } /*nested column lists*/ #top #header .avia_mega_div > .sub-menu > li > ul ul li{ margin-left:15px; } /*column lists links*/ #top #header .avia_mega_div > .sub-menu > li > ul > li a{ width:auto; float:none; display: block; border:none; padding:3px 12px 3px 12px; font-weight: normal; height: auto; line-height: 23px; } #header .avia_mega_div .avia_mega_menu_columns_first{ padding-left:0; } #header .avia_mega_div .avia_mega_menu_columns_last{ padding-right:0; border-right-style:none; border-right-width:0; } .avia-bullet { display: block; position: absolute; height: 0; width: 0; top: 51%; margin-top: -3px; left: -3px; border-top: 3px solid transparent !important; border-bottom: 3px solid transparent !important; border-left: 3px solid green; } .avia_mega_div .avia-bullet { margin-top: 12px; left: 3px; display: block; top: 0; } /*mega text blocks*/ #header .mega_menu_title{ margin-bottom:8px; font-size: 17px; line-height: 1.1em; font-weight: 600; display: block; } #header .avia_mega_text_block{ line-height: 21px; } #top #header .avia_mega_div .sub-menu .avia_mega_text_block a{ padding:0; display: inline; border:none; text-decoration: underline; } /*menu button style*/ #top #wrap_all #header .av-menu-button > a{background: transparent;} #top #wrap_all .av_header_border_disabled .av-menu-button > a{border:none; } .av-menu-button + .av-menu-button{margin-left: -10px;} .av-menu-button + .av-menu-button > a{padding-left:0px;} #top .av-menu-button > a .avia-menu-text{ padding: 9px;} #top .av-menu-button > a .avia-menu-text{border: 2px solid; border-radius: 2px;} .av-menu-button > a .avia-menu-fx{display:none} .av-menu-button-colored > a .avia-menu-text{ padding: 11px 10px 10px 10px; } /* was introduced to have same height colored and ghost main menu buttons but does not work in certain situations: eg when border radius for all buttons is set to 100 #top .av-menu-button-colored > a .avia-menu-text{border: 2px solid; border-radius: 2px;position: relative;} #top .av-menu-button-colored > a .avia-menu-text:after{content: "";width: calc(100% + 4px);height: 1px;position: absolute;bottom:-2px;left: -2px;} */ .av-menu-button-colored > a:hover .avia-menu-text{opacity: 0.9;} #top #header .av-menu-button > a .avia-menu-subtext{display:none;} #top #header .av-menu-button > a .avia-menu-text{text-align: center; white-space: nowrap;} /*ajax search*/ #top #menu-item-search{ z-index: 100; } #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .av_ajax_search_image, .iconfont{ font-size: 17px; } #top #menu-item-search.menu-item-search-dropdown>a{ border-left:none; } #top #menu-item-search:hover>a{ background: transparent; color: inherit; } .avia-search-tooltip{ position: absolute; z-index: 9999999; padding:0; width: 300px; top: 85% !important; margin-left: -120px; border-radius: 2px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); border-width:1px; border-style: solid; } .avia-search-tooltip .avia-arrow-wrap{ width:20px; height:20px; position: absolute; top:-20px; right:10px; margin-left:-10px; overflow: hidden; } .avia-arrow{ height:10px; width:10px; position: absolute; top:-6px; left:50%; margin-left:-5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width:1px; border-style: solid; visibility: hidden\9; } .avia-search-tooltip .avia-arrow{ top: 15px; } #top #searchform {margin:0; padding:0;} #top #searchform>div{position: relative; max-width: 300px;} #top .widget #searchform>div{margin:0; max-width: 100%;} #top #searchform br{display:none;} #top #s{width:100%; position: relative; padding:11px 47px 11px 5px; z-index: 1; margin:0; box-shadow: none;} #top #searchsubmit, .ajax_load{ width: 40px; height: 100%; line-height: 40px; padding: 0; position: absolute; right: 0; top : 0; z-index: 2; margin:0; border-radius: 0; min-width: 40px; } .avia_mobile #top #searchsubmit, .avia_mobile .ajax_load{ height: 41px; } .avia-search-tooltip #searchform>div{ margin:16px; } .ajax_load{ z-index: 5; } .ajax_load_inner{ background: url("/wp-content/themes/enfold/images/layout/loading.gif") no-repeat scroll center center #fff; opacity: 0.5; position: absolute; top:0; left:0; right:0; bottom:0; } #top #searchform .ajax_search_response{ line-height: 1.4em; font-size: 12px; margin:0; } .ajax_search_response h4{ padding:20px 16px 2px 16px; font-size: 14px; margin:0; } .ajax_search_response h4:first-child{ padding-top:0px; border:none; } #top div .av_ajax_search_entry{ display:block; text-decoration: none; line-height: 1.4em; font-size: 12px; height:auto; padding:10px 16px; border-bottom-style: dashed; border-bottom-width: 1px; clear:both; overflow: hidden; position: relative; } #top div .av_ajax_search_entry:hover{ background-color: rgba(0,0,0,0.04); } #top div .av_ajax_search_entry.with_image .av_ajax_search_image{ background: transparent; } .av_ajax_search_content{ overflow: hidden; display: block; } .av_ajax_search_title{ display:block; font-weight: bold; text-transform: uppercase; } .ajax_not_found .av_ajax_search_title{ text-transform: none; } .av_ajax_search_image{ height:32px; line-height:32px; text-align: center; width:32px; float:left; margin-right:8px; border-radius: 40px; overflow: hidden; font-size: 15px; } .av_ajax_search_image img{ display:block; border:none; max-width: 100%; min-height:32px; min-width:32px; } .ajax_search_excerpt { font-size: 12px; line-height: 1.4em; display: block; margin-top: 3px; font-style: italic; } #top div .av_ajax_search_entry_view_all{ text-align: center; font-weight: bold; border:none; } #top div .ajax_not_found, #top div .av_ajax_search_entry.ajax_not_found:hover{border:none; background: transparent;} /*title container*/ /*avia title big*/ .title_container{ position: relative; } #top .title_container .container{ padding-top:10px; padding-bottom:10px; min-height: 56px; } .title_container .main-title { margin: 0; font-size: 16px; position: relative; z-index: 2; min-height: 36px; line-height: 2.3em; top: 0; font-weight: 400; } .title_container .main-title a{text-decoration: none;} .title_meta, #top .portfolio-entry .title_meta{ display: block; clear: both; position: relative; z-index: 1; margin-top:-1em; padding:0; } .title_meta p{ margin: 1.3em 0 0 0; } .title_container .breadcrumb { z-index: 10; line-height: 15px; font-size: 11px; position: absolute; right: 50px; top:50%; margin-top: -7px; } .breadcrumb a{text-decoration: none;} .breadcrumb a:hover{text-decoration: underline;} .breadcrumb-trail .trail-before, .breadcrumb-trail .trail-end, .breadcrumb-trail .sep, .breadcrumb-trail a, .breadcrumb-trail .bbp-breadcrumb-current{ display: block; float: left; padding:0px 3px; } .breadcrumb-trail span, .bbp-breadcrumb-current a{display: inline; padding:0; float:none;} .breadcrumb .sep{ display: block; overflow: hidden; width:8px; } /*blank pages*/ #top.avia-blank #wrap_all #main{ padding-top: 0 !important; margin:0;} #top.avia-blank #wrap_all #main .container { padding-top: 0 !important;} #top.avia-blank{ height: 100%; position: absolute; width: 100% !important; margin: 0; display: table; vertical-align: middle; float: none; top:0; left:0; table-layout: fixed; } #top.boxed.avia-blank{ max-width:100% !important; } #top.boxed.avia-blank .container{ margin: 0 auto; } #top.avia-blank #wrap_all{ display: table-cell; float: none; vertical-align: middle; } #top.avia-blank #wrap_all #main{ padding:0; } #top.avia-blank #main .container_wrap:last-child{ border-bottom-style: solid; border-bottom-width: 1px; } #top.avia-blank #main .container_wrap:first-child{ border-top-style: solid; border-top-width: 1px; } /*--------------------framed layout---------------*/ .av-frame{ position: fixed; z-index: 600; } .html_av-framed-box .av-frame.av-frame-vert{ left:0; width:100%; top:0; } .html_av-framed-box .av-frame.av-frame-hor{ top:0; height:100%; left:0; } .html_av-framed-box .av-frame.av-frame-bottom{ top:auto; bottom:0; } .html_av-framed-box .av-frame.av-frame-right{ left:auto; right:0; } .html_av-framed-box.html_av_admin_bar_active .av-frame.av-frame-top{ margin-top:32px; } .html_header_top.html_header_sticky.html_av-framed-box #header{ left:0; } .html_header_top.html_header_sticky.html_av-framed-box #header_main, .html_header_top.html_header_sticky.html_av-framed-box #header_meta { margin:0 50px; } /*--------------------alternate header styles---------------*/ /*social bookmarks*/ #top .social_bookmarks { height: 30px; z-index: 150; -webkit-backface-visibility: hidden; margin: 0 0 0 -9px; } #top .social_bookmarks li{ height:100%; float:left; padding:0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-right-style: solid; border-right-width: 1px; display: block; width:30px; } #top #header .social_bookmarks li:last-child{border-right-style:none; border-right-width:0;} #top .social_bookmarks li a{ float:left; width:30px; line-height:30px; display: block; margin:0px; outline: none; padding:0; min-height:30px; height:100%; overflow: visible; z-index: 2; position: relative; text-align: center; } #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{background: transparent;} #top #wrap_all .social_bookmarks li a:hover{ text-decoration: none; } #top #wrap_all .av-social-link-rss:hover a{color:#fff; background-color:#ffa133; } #top #wrap_all .av-social-link-facebook:hover a{color:#fff; background-color:#37589b; } #top #wrap_all .av-social-link-twitter:hover a{color:#fff; background-color:#46d4fe; } #top #wrap_all .av-social-link-whatsapp:hover a{color:#fff; background-color:#00e676; } #top #wrap_all .av-social-link-mail:hover a{color:#fff; background-color:#9fae37; } #top #wrap_all .av-social-link-dribbble:hover a{color:#fff; background-color:#e44885; } #top #wrap_all .av-social-link-linkedin:hover a{color:#fff; background-color:#419cca; } #top #wrap_all .av-social-link-search:hover a{color:#fff; background-color:#222222; } #top #wrap_all .av-social-link-gplus:hover a{color:#fff; background-color:#de5a49; } #top #wrap_all .av-social-link-behance:hover a{color:#fff; background-color:#008cfa; } #top #wrap_all .av-social-link-flickr:hover a{color:#fff; background-color:#ff0086; } #top #wrap_all .av-social-link-forrst:hover a{color:#fff; background-color:#234317; } #top #wrap_all .av-social-link-myspace:hover a{color:#fff; background-color:#000000; } #top #wrap_all .av-social-link-tumblr:hover a{color:#fff; background-color:#345574; } #top #wrap_all .av-social-link-vimeo:hover a{color:#fff; background-color:#31baff; } #top #wrap_all .av-social-link-youtube:hover a{color:#fff; background-color:#a72b1d; } #top #wrap_all .av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027; } #top #wrap_all .av-social-link-skype:hover a{color:#fff; background-color:#12a5f4; } #top #wrap_all .av-social-link-instagram:hover a{color:#fff; background-color:#a67658; } #top #wrap_all .av-social-link-five_100_px:hover a{color:#fff; background-color:#222222; } #top #wrap_all .av-social-link-soundcloud:hover a{color:#fff; background-color:#F76700; } #top #wrap_all .av-social-link-xing:hover a{color:#fff; background-color:#006567; } #top #wrap_all .av-social-link-vk:hover a{color:#fff; background-color:#597BA5; } #top #wrap_all .av-social-link-reddit:hover a{color:#fff; background-color:#FF4500; } #top #wrap_all .av-social-link-yelp:hover a{color:#fff; background-color:#d32323; } #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{ position: absolute; top:50%; margin-top: -15px; right:0; } .html_bottom_nav_header .main_menu .social_bookmarks{display:none} .html_cart_at_menu #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header.html_cart_at_menu #top .av-logo-container .social_bookmarks{ left:0; right: auto; } #top .av-logo-container .social_bookmarks li{ border:none; } #top .av-logo-container .social_bookmarks li a{border-radius: 100px;} /*first level*/ .sub_menu{ float:left; z-index: 2; font-size: 11px; line-height: 30px; position: relative; top:10px; } #top .sub_menu>ul{ float:left; margin:0; } #top .sub_menu>ul, #top .sub_menu>ul>li{background: transparent;} .sub_menu li{ float:left; position: relative; padding:0 10px; border-right-style: solid; border-right-width: 1px; line-height: 10px; } .sub_menu>ul>li>a, .sub_menu>div>ul>li>a{ text-decoration: none; font-weight: bold; padding:7px 0; } /*second level*/ #top .sub_menu li ul{ display: none; position: absolute; width:170px; padding:4px 0; z-index: 101; box-shadow: 0 8px 15px rgba(0,0,0,0.1); left:-50%; margin:0; border-style: solid; border-width: 1px; top:19px; } #top .sub_menu li:hover>ul{ display:block; } .sub_menu>ul>li:hover>a{ text-decoration: underline; } .sub_menu li li{ float:none; line-height: 20px; border:none; padding: 0 0; margin:0; } #top .sub_menu li li a{ width: 100%; height: auto; text-align: left; line-height: 23px; padding: 6px 18px; font-size: 12px; min-height: 23px; max-width: none; text-decoration: none; display: block; border-top-style: dashed; border-top-width: 1px; } #top .sub_menu li li:first-child > a { border: none; } #top .sub_menu li li a:hover{ text-decoration: none; background: #f8f8f8; } /*third level and deeper*/ #top .sub_menu li li ul{ top:-1px; left:-169px; background: none; padding: 0; } .pointer_arrow{ border-style:solid; border-width:1px; } /* ====================================================================================================================================================== #Blog Styles default global stuff, always necessary. more style in the ALB blog module ====================================================================================================================================================== */ .content, .sidebar{ padding-top:50px; padding-bottom:50px; -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; min-height: 1px; z-index: 1; } .content:hover, .sidebar:hover{ z-index: 1; } /*right sidebar - default*/ #top #main .sidebar{ border-left-style:solid; border-left-width:1px; margin-left:0; float: none; width: auto; overflow: hidden; display: block; clear: none; } .inner_sidebar{ margin-left:50px; } .content{ border-right-style:solid; border-right-width:1px; margin-right:-1px; } .content .entry-content-wrapper{ padding-right:50px; } /*left sidebar*/ #top #main .sidebar_left .sidebar{ border-right-style:solid; border-right-width:1px; border-left:none; } .sidebar_left .inner_sidebar{ margin-right:50px; margin-left:0; } .sidebar_left .content{ float:right; border-left-style:solid; border-left-width:1px; border-right:none; margin-right:-50px; margin-left:-1px; padding-left:50px; } /*no sidebar*/ .fullsize .content{ margin:0; border:none; } .fullsize .content .entry-content-wrapper{ padding-right:0; } .container .minor-meta{font-size: 0.9em;} .post{ clear:both; width:100%; float:left; position: relative; } .rounded-container, .rounded-container img{ border-radius: 111px; overflow: hidden; display: block; position: relative; z-index: 2; } .rounded-container{ float:left; width:81px; height:81px; text-align: center; line-height: 81px; } .rounded-container .iconfont, .small-preview .iconfont{ font-size: 23px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .entry-content-wrapper .post-title{ font-size: 21px; line-height: 1.3em; } /*pagination*/ .pagination { clear:both; padding: 10px 0px 50px 0; position:relative; z-index:3; line-height: 13px; overflow: hidden; } .pagination span, .pagination a { display:block; float:left; font-size:11px; line-height:13px; padding:2px 9px 1px 9px; text-decoration:none; width:auto; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a{ float: left; height: 35px; width: 35px; line-height: 35px; text-align: center; padding: 0; border-radius: 100px; margin-right: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); } .pagination .current{ font-size:11px; padding:1px 9px 1px 9px; font-weight: bold; } .pagination .pagination-meta{ float:right; line-height: 35px; } /*single post navigation*/ #top .avia-post-nav{ position: fixed; height:110px; top:50%; background: #aaa; background: rgba(0,0,0,0.1); color:#fff; margin-top:-55px; padding:15px; text-decoration: none; z-index: 501; /*fixes: https://github.com/AviaThemes/wp-themes/issues/807 */ -webkit-transform: translate3d(0,0,0); /* fixes: https://kriesi.at/support/topic/next-previous-blog-post-bug/ */ } #top .avia-post-nav:hover{ background: #222; background: rgba(0,0,0,0.8); } .avia-post-nav .label{position: absolute; top:50%; height:22px; line-height: 22px; margin-top:-11px; font-size: 24px;} .avia-post-nav .entry-image{height:80px; width:80px; display:block;} .avia-post-nav .entry-image img{border-radius: 100px; display: block;} .avia-post-prev{ left:0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .avia-post-prev .label{ left:10px;} .avia-post-next{ right:0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .avia-post-next .label{ right:10px;} .avia-post-next.with-image{text-align: right;} .avia-post-nav .entry-info{ display:block; height:80px; width:220px; display: table; } .avia-post-next .entry-info{ margin:0 20px 0 1px;} .avia-post-prev .entry-info{ margin:0 1px 0 20px;} .avia-post-nav .entry-info span{ display: table-cell; vertical-align: middle; font-size: 13px; line-height: 1.65em; } .avia-post-nav .entry-info-wrap{width:1px; overflow: hidden; display:block;} .avia-post-nav:hover .entry-info-wrap{width:240px;} /* page split pagination */ .pagination_split_post{ clear: both; padding-top: 20px; } .no_sidebar_border#top #main .sidebar, .no_sidebar_border .content{border-left:none; border-right:none;} .sidebar_shadow#top #main .sidebar, .sidebar_shadow .content{border-left:none; border-right:none;} .sidebar_shadow#top #main .sidebar_right.av-enable-shadow{box-shadow: inset 25px 0 25px -25px #e9e9eb;} .sidebar_shadow .sidebar_right .content.av-enable-shadow{box-shadow: 25px 0 25px -25px #e9e9eb;} .sidebar_shadow#top #main .sidebar_left.av-enable-shadow{box-shadow: inset -25px 0 25px -25px #e9e9eb;} .sidebar_shadow .sidebar_left .content.av-enable-shadow{box-shadow: -25px 0 25px -25px #e9e9eb;} /* ====================================================================================================================================================== #Page Styles ====================================================================================================================================================== */ .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{ text-transform: uppercase; letter-spacing: 1px; } .extra-mini-title{padding-bottom:20px;} .page-heading-container{ position: relative; margin-bottom: 40px; padding: 0 0 44px 0; border-bottom-width: 1px; border-bottom-style: solid; padding-right: 50px; } .fullsize .page-heading-container{ padding-right:0; } .page-thumb img{border-radius: 3px;} /*template builder page styles*/ .template-page .template-blog .entry-content-wrapper h1, .template-page .template-blog .entry-content-wrapper h2{ text-transform: none; letter-spacing: 0; } .content .entry-content-wrapper .entry-content-wrapper{ padding-right:0; padding-left:0; } .content .entry-content-wrapper .entry-content-wrapper .big-preview.single-big { padding: 0 0 10px 0; } /*search page*/ .template-search #searchform>div{max-width: 100%; margin-bottom:0;} #top .template-search.content .entry-content-wrapper { padding-bottom: 40px; padding-left:55px; font-size: 13px; clear:both; } .template-search .pagination { padding: 1px 50px 10px 55px; } .template-search .entry-content-wrapper .post-title {font-size:19px;} #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: underline; } .search-result-counter { position: absolute; left: 0; top: 1px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); height: 44px; line-height: 24px; padding: 10px; text-align: center; border-radius: 100px; width: 44px; } #top #search-fail{padding-left:0;} #top #search-fail #searchform{padding-bottom: 40px;} .template-search .post-entry{position: relative; clear:both;} /*author page*/ .page-heading-container .author_description{overflow: hidden;} .template-author .content .post .entry-content-wrapper{ padding-bottom:40px; font-size: 1em; line-height: 1.65em; } .template-author .pagination { padding: 1px 50px 10px 0; } .template-author .entry-content-wrapper .post-title {font-size:19px;} #top .template-author .entry-content-wrapper .post-title a:hover{ text-decoration: underline; } .author-extra-border{ display:block; position: absolute; bottom:-1px; width:600%; right:0; border-bottom-width: 1px; border-bottom-style: solid; } .fullsize .author-extra-border{right:auto; left:-100%} .template-author .post-entry{position: relative; clear:both;} /*archive page*/ .template-archives .tab_inner_content li { width: 48%; float: left; clear: none; margin:0 2% 0 0 ; list-style-position: inside; } .template-archives .relThumWrap img, .template-archives .relThumWrap span{width:100%; text-decoration: none;} .template-archives .relThumbTitle{ display: block; clear:both;} /*tag archive */ #top .fullsize .template-blog .tag-page-post-type-title { font-size: 50px; text-transform: uppercase; } .archive .category-term-description:empty{ display:none; } .archive .category-term-description{ margin-bottom: 25px; } /* ====================================================================================================================================================== #Widget & Sidebar - those are loaded in any case since the fallback widgets might be in use in the footer. if any other widgets are used the widget.css file gets loaded ====================================================================================================================================================== */ .widgettitle{ font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 1.1em; } .widget{ clear:both; position: relative; padding:30px 0 30px 0; float:none; } #footer .widget{padding:0; margin:30px 0 30px 0; overflow: hidden;} #top .widget ul{ padding:0; margin:0; width:100%; float:left; } #top #footer .widget ul{float:none} .widget li{clear:both;} .widget ul ul li,.widget ul ol li, .widget ol ol li, .widget ol ul li{margin-bottom:0;} /*direct mailchimp form embeds: show the button which has a clear attribute*/ #mc_embed_signup .clear{ visibility: visible; overflow: visible; height:auto; } /* ====================================================================================================================================================== #Footer & #Socket ====================================================================================================================================================== */ #footer{ padding:15px 0 30px 0; z-index: 1; } #socket .container{ padding-top:15px; padding-bottom:15px; } #socket{font-size: 11px; margin-top: -1px; z-index: 1;} #socket .menu{margin-top:6px;} #socket .sub_menu_socket{float:right; margin:0;} #socket .sub_menu_socket div{overflow: hidden;} #socket .sub_menu_socket li{float:left; display:block; padding:0 10px; border-left-style: solid; border-left-width: 1px; line-height: 10px;} #socket .sub_menu_socket li:first-child{border:none;} #socket .sub_menu_socket li:last-child{padding-right:0;} #socket .copyright{float:left; } #scroll-top-link{ position:fixed; border-radius:2px; height:50px; width:50px; line-height: 50px; text-decoration: none; text-align: center; opacity: 0; right:50px; bottom:50px; z-index: 1030; visibility: hidden; } #av-cookie-consent-badge{ position: fixed; border-radius: 2px; height: 30px; width: 30px; line-height: 30px; text-decoration: none; text-align: center; opacity: 0; right: 50px; bottom: 50px; z-index: 1030; visibility: hidden; } #scroll-top-link.avia_pop_class, #av-cookie-consent-badge.avia_pop_class{ opacity: 0.7; visibility: visible; } #socket .social_bookmarks{float:right; margin:-10px 0 0 30px; position: relative;} #socket .social_bookmarks li{border-radius: 300px; border:none; overflow: hidden; top: 5px; position: relative;} #socket .social_bookmarks li a{border-radius: 300px;} #socket .avia-bullet, #socket .avia-menu-fx { display: none; } /* ====================================================================================================================================================== #CSS ANIMATION ====================================================================================================================================================== */ .small-preview, .avia-post-nav .entry-info-wrap, .avia-post-nav, .avia-menu-fx, .team-social, .button, .related-format-icon, .avia-slideshow-controls a, #top .social_bookmarks li a, .fallback-post-type-icon, #scroll-top-link, #av-cookie-consent-badge, .avia-slideshow-button{ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main_menu a, .pagination a{ -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; -webkit-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .avia_pop_class, .avia-search-tooltip{ -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ } a:hover .image-overlay .image-overlay-inside{ -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } @-webkit-keyframes avia_pop_small { 0% { -webkit-transform:rotate(-175deg) scale(0.2); } 100% { -webkit-transform:rotate(0deg) scale(1); } } @keyframes avia_pop_small { 0% { transform:rotate(-175deg) scale(0.2); } 100% { transform:rotate(0deg) scale(1); } } @-webkit-keyframes avia_pop_loader { 0% { -webkit-transform:rotate(0deg) scale(0.2) ; } 100% { -webkit-transform:rotate(720deg) scale(1); } } @keyframes avia_pop_loader { 0% { transform: rotate(0deg) scale(0.2); } 100% { transform: rotate(720deg) scale(1); } } @-webkit-keyframes avia_shrink { 0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); } 75% {opacity:0.7;} 100% { opacity:0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes avia_shrink { 0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); } 75% {opacity:0.7; } 100% { opacity:0; -webkit-transform: scale(0); transform: scale(0);} } @-webkit-keyframes av-load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes av-load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* #Media Queries ================================================== */ /* large screens with 1140px with */ @media only screen and (min-width: 1140px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 989px) { .responsive.html_header_sidebar #top #header{width:27%} .responsive.html_header_left #main { margin-left: 27%; } .responsive.html_header_right #main { margin-right: 27%; } .responsive.html_header_sidebar #header .av-main-nav{ padding: 4% 0; } .responsive.html_header_sidebar #header .av-main-nav > li { margin: 0 10%; } .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{ font-size: 14px; } .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{font-size: 11px; } .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget{padding:10%;} .responsive.html_header_sidebar .logo{padding: 10%;} /*headers*/ .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1} .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate{display:none;} /*framed layout*/ .responsive .av-frame{display:none;} .responsive.html_av-framed-box{padding:0;} .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_main, .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_meta{ margin:0 auto; } .responsive #top .avia-post-prev { left: 0px; } .responsive #top .avia-post-next { right: 0px; } .responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll{right:0} /* cookie consent */ .responsive .avia-cookie-consent .container{ padding: 0; } .responsive .avia-cookie-consent a.avia_cookie_infolink, .responsive .avia-cookie-consent p { display: block; margin-right: 0;} .responsive .avia-cookie-consent-button{ margin: 0.5em; } .responsive .av-framed-box .avia-cookiemessage-top, .responsive .av-framed-box .avia-cookiemessage-bottom { width: 100% !important; left: 0 !important; } .responsive .av-framed-box .avia-cookiemessage-bottom{ bottom: 0 !important; } .responsive .av-framed-box .avia-cookiemessage-top{ top: 0 !important; } .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right{ width: 35%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .main_menu ul:first-child > li > a { padding: 0 10px; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); } .responsive #main .container_wrap:first-child{ border-top:none; } .responsive .logo{float:left;} .responsive .logo img{margin:0; } .responsive.html_top_nav_header.html_mobile_menu_tablet #top .social_bookmarks { right: 50px; } .responsive.html_top_nav_header.html_mobile_menu_tablet #top #wrap_all #main{padding-top:0;} .responsive.js_active .avia_combo_widget .top_tab .tab{font-size: 10px;} .responsive.js_active .avia_combo_widget .news-thumb{display:none;} .responsive #top #wrap_all .grid-sort-container .av_one_sixth{ width:33.3%; margin-bottom: 0;} .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header{max-width: 100%;} .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_mobile_menu_tablet #main{ padding-top: 88px; } .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_top_nav_header.html_mobile_menu_tablet #main{ margin-top:0; } .responsive #top .av-hide-on-tablet{display:none !important;} /*new menu*/ .responsive.html_mobile_menu_tablet .av-burger-menu-main{display: block;} .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0; left:auto; right:0; display:block;} .responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0; left:0; right:auto;} .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item{display:none;} .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special{display:block;} .responsive #top #wrap_all .av_mobile_menu_tablet .menu-item-search-dropdown > a { font-size: 24px; } .responsive #top .av_mobile_menu_tablet #header_main_alternate{display:none;} .responsive.html_mobile_menu_tablet #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;} .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks{display:none;} .responsive.html_mobile_menu_tablet #top .av-logo-container .social_bookmarks{display:none} .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px; right:0;} .responsive.html_logo_center.html_bottom_nav_header .av_mobile_menu_tablet .avia-menu.av_menu_icon_beside{height:100%;} .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .responsive.html_mobile_menu_tablet #top #main .av-logo-container .main_menu{display:block;} .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main{padding-top: 88px;} .responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top: 0 !important; margin: 0;} .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{padding-top:0;} .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {height:90px; line-height:90px;} .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a{ min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0; } .responsive.html_mobile_menu_tablet #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;} .responsive.html_mobile_menu_tablet #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{ background:transparent; color: inherit; } .responsive.html_mobile_menu_tablet.html_top_nav_header .av-logo-container .inner-container{overflow: visible;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /*blog*/ .responsive .template-archives .tab_inner_content li{width:98%;} .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {display:none; } .responsive #top #main .sidebar.smartphones_sidebar_active{display:block;text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both;} .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;} .responsive .content .entry-content-wrapper{padding:0;} .responsive .content{border:none;} .responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; } .responsive .big-preview{padding: 0 0 10px 0;} .responsive .related_posts{padding:20px 0;} .responsive .comment_content{padding-right:0; padding-left:0;} .responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;} .responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; } .responsive #top .avia-post-nav { display: none; } .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;} /*all templates*/ .responsive .title_container .breadcrumb{left:-2px;} .responsive .title_container .main-title + .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;} .responsive .pagination{padding-left: 0; padding-right: 0;} .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;} /*header*/ .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1} .responsive #top .av_header_transparency .logo img.alternate{display:none;} .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;} .responsive #top #main {padding-top:0 !important; margin:0;} .responsive #top #main .container_wrap:first-child{ border-top:none; } .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; } .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;} .responsive .phone-info span{margin:0;padding:0; border:none;} .responsive.html_header_top #header_main .social_bookmarks , .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; } .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; } .responsive .logo a{display:table-cell; vertical-align: middle;} .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block; max-height: 80px;} .responsive #header_main .container{height:auto !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;} .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width: 1px;} .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;} .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;} .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;} .responsive #header .social_bookmarks li{float:none; display: inline-block;} .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;} .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;} .responsive .logo img{margin:0;} .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;} .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;} .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;} .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;} .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;} .responsive.html_top_nav_header .av-logo-container{height:auto;} .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;} /*new mobile*/ .responsive .av-burger-menu-main{display: block;} .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;} .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;} .responsive #top .av-main-nav .menu-item{display:none;} .responsive #top .av-main-nav .menu-item-avia-special{display:block;} .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .responsive #header_main_alternate{display:none;} .responsive #top #header .social_bookmarks{display:none;} .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;} .responsive #top .av-logo-container .avia-menu{height:100%;} .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;} .responsive #top #main .av-logo-container .main_menu{display:block;} .responsive #top #main .av-logo-container .social_bookmarks{display:none;} .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;} .responsive #top #main .av-logo-container .main_menu{display:block;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; } .responsive #top #wrap_all .av-logo-container {padding:0;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{ min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0; } .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;} .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{ background:transparent; color: inherit; } .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;} /*related images*/ .responsive #top .related_entries_container .av_one_eighth{width:25%;} .responsive #top .relThumb5{clear:both;} .responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;} .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;} .responsive.html_header_sidebar #main{ border: none; } /*tabs*/ .responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; } .responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;} /*widgets*/ .tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; } .widget li{line-height: 1.8em; font-size: 15px;} /*footer*/ .responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/ .responsive #socket .sub_menu_socket{ display: block; float: none; width: 100%; clear: both; margin: 0 0 0 -15px; } /* cookie consent */ body.responsive.admin-bar .avia-cookiemessage-top, body.responsive.admin-bar .avia-cookiemessage-top-left, body.responsive.admin-bar .avia-cookiemessage-top-right { margin-top: 46px;} .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right{ width: 55%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*portfolio*/ .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{width:100%;} .responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0;} .responsive #top #wrap_all .portfolio-parity-odd{ clear:both; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /*related images*/ .responsive #top .related_entries_container .av_one_eighth{width:50%;} .responsive #top .related_entries_container .av_one_eighth:nth-child(odd){clear:both;} .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks{display:none;} /*new mobile header*/ .responsive .avia-menu.av_menu_icon_beside{ padding:0;margin:0; border:none; } .responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks{display:none;} .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{margin-right:0; padding-right:0; border:none;} /* cookie consent */ .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right{ width: 85% !important;left: 7.5% !important; right: 7.5% !important; } } /* ====================================================================================================================================================== #Blog Styles ====================================================================================================================================================== */ .template-blog .blog-meta{ float:left; margin-right:50px; } .multi-big .post_author_timeline , .single-small .post_author_timeline { position: absolute; top: 0; left: 40px; width: 1px; height: 100%; border-right-width:1px; border-right-style: dashed; } .single-post .post_author_timeline{ display:none; } .sidebar_left .template-blog .blog-meta { float: right; margin-left: 50px; margin-right: 0; } .sidebar_left .multi-big .post_author_timeline , .sidebar_left .single-small .post_author_timeline { left:auto; right:40px; } .sidebar_left .big-preview{ padding:0 131px 10px 0; } div .single-big .pagination{padding:1px 50px 10px 1px;} .sidebar_left .author-extra-border{right:auto; left:-50px;} #top .fullsize .template-blog .post-title{text-align: center; font-size: 30px; padding:15px 0; max-width: 800px; margin: 0 auto;} #top.single-post .fullsize .template-blog .post_delimiter{visibility: hidden;} #top .fullsize .template-blog .post-meta-infos{text-align: center;} #top .fullsize .template-blog .post .entry-content-wrapper{text-align: justify; font-size:1.15em; line-height: 1.7em; max-width: 800px; margin:0 auto; overflow: visible; } #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 40em; margin-left:auto; margin-right:auto; } #top .fullsize .template-blog .post_delimiter{border-bottom-width:1px; border-bottom-style: solid; width:3000px; left:-1500px; position: relative; max-width: 3000px;} #top .fullsize .template-blog .post_author_timeline{display:none;} #top .fullsize .template-blog .blog-meta { float: none; margin: 0 auto; display: block; position: relative; width: 81px; overflow: hidden; text-align: center; z-index: 1000; } #top .av-alb-blogposts.template-blog div.post_delimiter{ width: 100%; left: 0; position: relative; } #top .fullsize .related_entries_container img{ margin: 0 auto;} #top .fullsize .related_title{text-align: center; } #top .fullsize .related_posts{ padding: 23px 0 33px 0; } /* #top .fullsize .template-blog .big-preview a ,#top .fullsize .template-blog .small-preview img{float:none; display: inline-block; width:100%; max-width: 100%;} */ #top .fullsize .template-blog .big-preview{padding: 0 0 10px 0;} #top .fullsize .template-blog .first-quote{margin-top:15px;} #top .fullsize .template-blog .big-preview.multi-big{margin-bottom:15px; padding: 0; width:100%;} #top .fullsize .template-blog .big-preview.multi-big a, .fullsize div .template-blog .big-preview.multi-big a img{width:100%;} #top .fullsize .template-blog .big-preview img{width:100%} .fullsize .big-preview .avia-gallery { width: 40em; max-width: 100%; margin: 0 auto; } .fullsize .comment_content {padding-right:0;} .fullsize .blog-tags{display: block;} #top .fullsize .flex_column .template-blog .post-title, #top .fullsize .flex_column .template-blog .post-meta-infos{ text-align: left; } #top .fullsize .flex_column .big-preview .avia-gallery{width:100%;} #top .fullsize .flex_column .template-blog .post .entry-content-wrapper > *{ max-width:100%;} /*fullsize when sidebar left*/ .html_header_sidebar #top .fullsize .template-blog .multi-big .post-title, .html_header_sidebar #top .fullsize .template-blog .single-big .post-title{ max-width: none; text-align: left;} .html_header_sidebar #top .fullsize .template-blog .multi-big .post-meta-infos, .html_header_sidebar #top .fullsize .template-blog .single-big .post-meta-infos{text-align: left;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper{ max-width: none;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: none;} .post-meta-infos { font-size: 0.9em; position: relative; top: -8px; display: block; } .post-meta-infos a{text-decoration: none;} .post-meta-infos a:hover{text-decoration: underline;} .text-sep{padding: 0 5px;} .more-link{clear:both; display: inline-block;} /*previe pic*/ .big-preview{ display:block; padding:0 50px 10px 131px; } .template-page .big-preview{ display:block; padding:0 0 10px 131px; text-align: center; } .big-preview a{display: block; position: relative; overflow: hidden; } .big-preview.single-big{ padding:0 50px 10px 0; } .entry-content-wrapper .big-preview.single-big{ padding:0 0px 10px 0; } .fullsize .big-preview.single-big{ padding:0 0 10px 0; } .post-loop-1 .big-preview{ position: relative; z-index: 4; } .small-preview{ width:81px; height:81px; overflow: hidden; border-radius: 4px; float:left; margin:6px 0 0 0; position: relative; text-align: center; line-height: 81px; position: relative; z-index: 4; display: block; } .small-preview img, .big-preview img{ display: block; border-radius: 4px; position: relative; z-index: 4; width: 100%; } .single-post .single-small.with-slider .small-preview{ width:180px; height:180px; } .single-post .single-small.with-slider .post_author_timeline{display:none;} #top.single-post .fullsize .single-small.with-slider .blog-meta{width:180px;} .archive .av-content-full > .extra-mini-title{text-align: center;} .archive .av-content-full .author-box {text-align: center; } .av-content-full > .related_posts{max-width: 1200px; margin-left: auto; margin-right: auto; float:none; clear:both; } .av-content-full > .comment-entry{max-width: 800px; margin-left: auto; margin-right: auto; float:none; clear:both;} .template-blog .pagination{padding:1px 50px 10px 24px;} /*related posts*/ .related_posts {position: relative; clear:both; width:100%; float:left; border-top-style:solid; border-top-width: 1px; padding:23px 50px 33px 0; margin-bottom:30px; } .related_posts:hover{z-index:9999;} .related_title {margin-bottom:20px;} .related_column{float:left; padding-right:3px;} .related_posts img, .related_posts a{display:block; border-radius: 2px; overflow: hidden; max-width:100%; margin:0 auto;} .related_posts_default_image{border-width:1px; border-style: solid; display: block; float:left; border-radius: 2px; min-height: 60px; min-width: 100%; max-width:100%; } .related_posts_default_image img{visibility: hidden; } .relThumb{text-align: center;} .related_posts .av-related-title{display:none;} .related_image_wrap{position: relative; display: block; float:left; width:100%; -webkit-backface-visibility: hidden; /* fixes webkit flickering after transitions*/} .avia-related-tooltip{ position: absolute; z-index: 9999999; padding:0; width: 200px; border-radius: 2px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1); border-width:1px; border-style: solid; padding:15px; margin-top:-10px; } .avia-related-tooltip .avia-arrow-wrap{ top:auto; bottom:0; position: absolute; left:50% } .avia-related-tooltip .avia-arrow-wrap .avia-arrow{ border-top: none; border-left: none; top: -4px; } .related-format-icon{position: absolute; text-align: center; top:1px; left:1px; bottom:1px; right:1px; opacity: 0; filter:alpha(opacity=0);} .related-format-icon-inner{position: absolute; height:30px; font-size: 30px; line-height: 30px; top:50%; margin-top:-15px; left:0; width:100%;} .related-format-icon:hover{opacity: 0.8; filter:alpha(opacity=80);} .related-format-visible{opacity: 0.5 ; filter:alpha(opacity=50);} .sidebar_left .related_posts_sep{right:auto; left:0;} /*related fulltext*/ .single-big + .related_posts.av-related-style-full{ border-top:none; padding-top:0; } .related_posts.av-related-style-full a { margin: 2px 0; padding: 6px; border-radius: 3px; display:table; width:100%; text-decoration: none; text-align: left; border:1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .related_posts.av-related-style-full a:hover{ border-width:1px; border-style: solid;} .av-related-style-full .related-format-visible{opacity: 1 ; filter:alpha(opacity=100);} #top .av-related-style-full .related_column{width:50%;} #top .av-related-style-full .relThumb{text-align: left;} #top .av-related-style-full .related-format-icon{width:58px; height:58px; bottom:auto; right:auto; border-radius: 100px; } #top .av-related-style-full .related_image_wrap{display:table-cell; float: none; background-color: transparent;} #top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image{width:60px; height:60px; border-radius: 100px;} #top .av-related-style-full .av-related-title{text-decoration: none; display:table-cell; vertical-align: middle; padding: 5px 15px; line-height: 1.2em;} .responsive .av-related-style-full .relThumb1, .responsive .av-related-style-full .relThumb3, .responsive .av-related-style-full .relThumb5{clear:both;} /*post types*/ .avia-post-format-image img{ border-radius: 3px;} .avia-post-format-image{margin-bottom:10px;} .entry-content-wrapper.gallery-content .avia-gallery{margin-bottom:10px;} /*audio*/ #top #wrap_all .big-preview + .big-preview{ position: relative; top:-60px; background: transparent; margin: 0 20px -40px 20px; z-index: 550; width:auto; } #top #wrap_all .big-preview.multi-big + .big-preview.multi-big{ margin: 0 20px -30px 20px; } /*blog in flex column*/ .flex_column .template-blog .post .entry-content-wrapper{ } #top .flex_column .template-blog .post-title{ font-size:1.3em; } .flex_column .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .flex_column .template-blog .single-big .pagination { padding: 1px 0 10px 0; } .flex_column .template-blog .big-preview.single-big { padding: 0 0 10px 0; } .flex_column .template-blog .post-meta-infos{ margin-bottom: -13px; } /*elegant Blog*/ .html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title{ text-align: center; font-size: 30px; text-transform: uppercase; padding:0px 0 15px; letter-spacing: 2px; line-height: 1.3em; margin-bottom:10px; } .html_elegant-blog #top .post-entry .post-title:hover, .html_elegant-blog .avia-content-slider .slide-entry-title:hover{ opacity: 0.7; } .html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta { display: block; text-align: center; padding:10px 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; margin-top:40px; width:100%; clear: both; float: left; } .html_elegant-blog #top .post-entry .blog-categories{ text-align: center; display: block; font-weight: bold; position: relative; } .html_elegant-blog #top .post-entry .minor-meta{ text-transform: uppercase; } .html_elegant-blog .post-entry .post-meta-infos .text-sep, .html_elegant-blog .post-entry .slide-meta .slide-meta-del{ border-left-width: 1px; border-left-style: solid; padding: 0; display: inline-block; margin: 0 10px; text-indent: -126px; overflow: hidden; vertical-align: bottom; } .html_elegant-blog .av-vertical-delimiter{ display: block; margin:0 auto; width:40px; border-top-width:3px; border-top-style: solid; padding-bottom: 16px; } .html_elegant-blog .entry-content-wrapper .big-preview.single-big{ margin-top:20px; } .html_elegant-blog .more-link{ display: block; text-align: center; margin:30px auto 20px auto; clear: both; width:250px; border:none; border-style: solid; border-width:1px; padding: 10px 0; border-radius: 2px; } .html_elegant-blog .more-link:hover{ text-decoration: none; } .more-link-arrow:after{ content:"\E87d"; font-family: 'entypo-fontello'; font-size: 10px; vertical-align: middle; padding:0 8px; } .html_elegant-blog .more-link-arrow{ display:none; } .html_elegant-blog .multi-big .post_author_timeline, .html_elegant-blog .single-small .post_author_timeline{ border-right-style: solid; } .html_elegant-blog .blog-tags.minor-meta, .html_elegant-blog .av-share-link-description, .html_elegant-blog .related_title { display: block; text-align: center; } .html_elegant-blog #top .big-preview{padding-left:0;padding-right:0;} /*Elegant Grid Blog*/ .html_elegant-blog .avia-content-slider .slide-entry-title{ padding-top:15px; font-size: 1.4em; } .html_elegant-blog #top .avia-content-slider .blog-categories{ top:15px; } .html_elegant-blog .avia-content-slider .read-more-link{ position: relative; top:18px; padding-bottom: 10px; } .html_elegant-blog .avia-content-slider .av-vertical-delimiter{ position: relative; top:-5px; } .html_elegant-blog .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .html_elegant-blog .av-share-box{margin-bottom:0;} /*Elegant Author*/ .html_elegant-blog .template-author .extra-mini-title{ display: none; } /*Elegant Search*/ .html_elegant-blog #top .template-search .post-title{ text-align:left; } .html_elegant-blog #top .template-search .blog-categories{ display:none; } .html_elegant-blog #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: none; } .html_elegant-blog #top .template-search .post-entry .post-meta-infos{ margin-top: -20px; text-align: left; border: none; } /*Modern Blog*/ .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title{ font-size:2em; text-align: left; letter-spacing: 1px; } .html_modern-blog #top .post-entry .blog-categories{ text-align: left; font-weight: normal; font-size: 0.8em; top:-25px; } .html_modern-blog .av-vertical-delimiter{ margin:0; } .html_modern-blog #top .post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .slide-meta{ text-align: left; border:none; margin-top: 15px; font-size: 0.9em; } .html_modern-blog .av-vertical-delimiter{ display: none; } .html_modern-blog .post-entry .post-meta-infos .text-sep, .html_modern-blog .post-entry .slide-meta .slide-meta-del{ border:none; text-indent: 0; opacity: 0.3; } .html_modern-blog .more-link{ margin: 30px 0 20px 0; display: inline; border: none; position: relative; top: -0.3em; } .html_modern-blog .more-link .more-link-arrow{ display: inline; } .html_modern-blog .blog-tags.minor-meta, .html_modern-blog .av-share-link-description, .html_modern-blog .related_title{ text-align: left; } .html_modern-blog #top .template-page .big-preview{ margin-top:0; } /*disable blog options*/ #top .av-blog-meta-author-disabled .minor-meta.blog-author{ display:none; } #top .av-blog-meta-comments-disabled .minor-meta.comment-container, #top .av-blog-meta-comments-disabled .text-sep-comment{display:none;} #top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat{display:none;} #top .av-blog-meta-date-disabled .minor-meta.date-container, #top .av-blog-meta-date-disabled .text-sep-date{display:none;} #top .av-blog-meta-html-info-disabled .form-allowed-tags{ display:none; } #top .av-blog-meta-tag-disabled .blog-tags{display:none;} /* blog lists */ #top .fullsize .template-blog.av_force_fullwidth.template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog.av_force_fullwidth .post .entry-content-wrapper { max-width: 100%; } #top .fullsize .template-blog.av_force_fullwidth .post-title{ max-width: 100%; padding-top: 0; padding-bottom: 0; } /* blog list - simple */ .bloglist-simple .read-more-link{ display: block; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } .av_force_fullwidth .bloglist-simple .read-more-link{ right: 0; } .bloglist-simple .more-link{ padding: 0; margin: 0; font-size: 0; line-height: 0; top: auto; width: 30px; height: 30px; display: block; border-width: 2px; border-style: solid; border-radius: 100%; text-decoration: none; } .bloglist-simple .more-link:hover { text-decoration: none; } .bloglist-simple .more-link-arrow{ width: 100%; height: 100%; display: block; } .bloglist-simple .more-link-arrow:after{ font-size: 10px; line-height: 26px; display: block; padding: 0; text-align: center; } .bloglist-simple .read-more-link:hover{ opacity: 1; } .template-blog .bloglist-simple .post_delimiter{ border-bottom: 1px solid rgba(0,0,0,0.15); margin: 0; padding: 0; clear: both; } #top .fullsize .template-blog .bloglist-simple:last-of-type .post_delimiter{ border-bottom-width: 0; } .bloglist-simple.post-entry{ float: none; } .bloglist-simple .entry-content-header{ padding: 25px 60px 25px 0; } .av_force_fullwidth .bloglist-simple .entry-content-header{ padding: 25px 0 25px 0; } #top .fullsize .template-blog .bloglist-simple .post-title, .bloglist-simple .entry-content-wrapper .post-title{ font-size: 17px; margin-bottom: 0.1em; text-align: left; } #top .fullsize .template-blog .bloglist-simple .post-meta-infos, .bloglist-simple .post-meta-infos{ top: auto; position: static; text-align: left; margin-bottom: 0; } .bloglist-simple .pagination{ padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-simple .pagination { padding-right: 0; } @media only screen and (max-width: 767px) { .bloglist-simple .read-more-link { right: 0; } } /* blog list - simple - elegant blog */ .html_elegant-blog #top .bloglist-simple .entry-content-header{ padding: 0; } .html_elegant-blog #top .bloglist-simple.post-entry{ padding-top: 20px; padding-bottom: 20px; } .html_elegant-blog #top .bloglist-simple.post-entry .post-title, .html_elegant-blog .avia-content-slider .bloglist-simple .slide-entry-title{ text-align: left; font-size: 26px; margin-bottom: 0; } .html_elegant-blog #top .bloglist-simple.post-entry .blog-categories{ text-align: left; } .html_elegant-blog #top .bloglist-simple.post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .bloglist-simple .slide-meta{ text-align: left; margin-top: 0; padding-right: 60px; position: relative; } .html_elegant-blog .template-blog .bloglist-simple .post_delimiter{ margin: 0; padding: 0; } .html_elegant-blog .read-more-link{ right: 0; } .html_elegant-blog .template-blog .bloglist-simple .post_delimiter{ display: none; } /* blog list - simple - modern blog */ .html_modern-blog #top .post-entry.bloglist-simple{ border-bottom-width: 1px; border-bottom-style: solid; } .html_modern-blog #top .post-entry.bloglist-simple .blog-categories { top: auto; font-size: 0.9em; } .html_modern-blog #top .bloglist-simple.post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .bloglist-simple .slide-meta { font-size: 0.8em; padding-bottom: 0; } /* blog list - compact */ .bloglist-compact.post-entry{ border-bottom-width: 1px; border-bottom-style: dashed; padding: 15px 0; float: none; } .bloglist-compact.post-entry:last-of-type { border-bottom-width: 0; } .main_color .bloglist-compact .fallback-post-type-icon{ position: relative; top: auto; left: auto; margin: 0 0.5em 0 0 ; background: transparent; color: inherit; line-height: normal; font-size: 1.3em; text-align: center; height: auto; } #top .fullsize .template-blog .bloglist-compact .post-title, .bloglist-compact .post-title { display: inline; font-size: 1em; font-weight: normal; } .bloglist-compact .post_delimiter{ display: none; } .bloglist-compact .pagination{ margin-top: 2em; padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-compact .pagination { padding-right: 0; } /* blog list - compact - elegant blog */ .html_elegant-blog #top .post-entry.bloglist-compact .post-title, .html_elegant-blog .avia-content-slider .bloglist-compact .slide-entry-title{ display: inline; font-size: 1em; } /* blog list - excerpt */ .bloglist-excerpt .read-more-link{ text-align: right; position: relative; margin-top: 40px; } .bloglist-excerpt .read-more-link:after { content: ""; height: 1px; border-top-style: solid; border-top-width: 1px; border-color: inherit; display: block; width: 100%; left: 0; top: 50%; position: absolute; z-index: 1; } .bloglist-excerpt .more-link { display: inline-block; border-width: 1px; border-style: solid; border-radius: 100px; padding: 0 20px; text-transform: uppercase; font-size: 0.8em; font-weight: bold; position: relative; z-index: 2; background-color: #ffffff; color: inherit; line-height: 2.1em; font-size: 0.75em; } .bloglist-excerpt .more-link:hover { text-decoration: none; } .bloglist-excerpt .more-link-arrow{ display: none; } .template-blog .bloglist-excerpt .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; border-color: transparent; } .bloglist-excerpt .pagination{ padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-excerpt .pagination { padding-right: 0; } #top .fullsize .template-blog .bloglist-excerpt .post-title, .bloglist-excerpt .post-title { text-align: left; } #top .fullsize .template-blog .bloglist-excerpt .post-meta-infos{ text-align: left; margin-bottom: 0; top: auto; } #top .fullsize .template-blog .bloglist-excerpt .post_delimiter{ border-bottom-width: 0; } /* blog list - excerpt - elegant blog */ .html_elegant-blog #top .bloglist-excerpt.post-entry .post-title, .html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-entry-title{ text-align: left; margin-bottom: 0; font-size: 26px; } .html_elegant-blog #top .bloglist-excerpt.post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-meta{ text-align: left; margin-top: 1em; margin-bottom: 1em; } .html_elegant-blog .bloglist-excerpt .more-link{ margin: 0; border-color: inherit; color: inherit; } .html_elegant-blog .bloglist-excerpt .more-link:hover { color: initial; } /* blog list - excerpt - modern blog */ .html_modern-blog #top .bloglist-excerpt.post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .bloglist-excerpt .slide-meta{ text-align: left; margin: 0; } .html_modern-blog .bloglist-excerpt .more-link .more-link-arrow{ display: none; } @media only screen and (max-width: 767px) { .responsive #top .template-page .big-preview.multi-big { padding: 0 0 10px 0; } } /* ====================================================================================================================================================== Post Slider ====================================================================================================================================================== */ .avia-content-slider{ margin:30px 0; clear:both; } .avia-content-slider, .avia-content-slider-inner{ position: relative; overflow: hidden; clear:both; } .avia-content-slider .slide-entry-title{font-size:1.1em; line-height:1.4em; margin:0;} .avia-content-slider .slide-image, .avia-content-slider .slide-image img{border-radius: 3px; display: block; position: relative; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; margin:0 auto;} .avia-content-slider .slide-image{overflow:hidden; margin-bottom:6px; border-radius: 3px;} .avia-content-slider .slide-entry-excerpt{ overflow: hidden; text-overflow: ellipsis; } .avia-content-slider .slide-entry-wrap{width:100%; float:left; margin-bottom:40px;} .avia-content-slider-active .slide-entry-wrap{position: absolute; top:0; visibility: hidden; margin:0;} .avia-content-slider .slide-entry-wrap:first-child{position: relative;} .avia-content-slider .slide-meta div, .avia-content-slider .slide-meta time{display: inline-block; font-size: 0.9em;} .avia-content-slider .slide-meta a{position: relative;} .avia-content-slider .slide-meta{position: relative; padding-bottom: 10px; } .avia-content-slider .slide-meta-del{margin:0px 4px;} .avia-content-slider.avia-builder-el-no-sibling{margin:0;} .slider-fallback-image{visibility: hidden;} .avia-content-slider .fake-thumbnail .slide-image{border-width: 1px; border-style: solid; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; min-height: 70px;} .fallback-post-type-icon{position: absolute; top:49%; left:50%; margin:-28px 0 0 -30px; height:60px; width:60px; line-height:59px; font-size:25px; text-align:center; border-radius: 100px;} .avia-content-slider .slide-image:hover .fallback-post-type-icon{opacity: 0;} .pagination-slider .pagination{padding: 1px 0 10px 0;} .avia_desktop .avia-content-slider .avia-slideshow-arrows a{ opacity: 0; } #top .avia-content-slider:hover .avia-slideshow-arrows a{opacity: 1;} #top .avia-content-slider .avia-slideshow-arrows a{ top: 38%; margin: -30px 0 0;} #top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap{ /* fixes flickering issue when slider moves. usually other elements in other container flicker. temp removed */ /* old: */ /* -webkit-transform-style: preserve-3d; */ /* new; */ -webkit-transform-style: flat; -webkit-backface-visibility: hidden; /* removed due to blurry text in win, chrome -webkit-perspective: 1000px; */ } /*audio*/ #top #wrap_all .avia-content-slider .audio-preview{ margin-top: -36px; margin-bottom: -4px; } #top .avia-content-slider .audio-preview .mejs-volume-button, #top .avia-content-slider .audio-preview .mejs-time{ display:none; } #top #wrap_all .mejs-controls a.mejs-horizontal-volume-slider{ width:60px; } /*fix blur on content slider in safari*/ .avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap { -webkit-perspective: 0 !important; } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry{width:48%; margin-left:4%} .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even{margin:0; clear:both;} .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first{margin-left:0; width:100%;} .responsive avia-content-slider .slide-image img { width: 100%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-content-slider-odd .slide-entry{margin-left:0; clear:both; width:100%;} } /* ====================================================================================================================================================== Button ====================================================================================================================================================== */ /*button element*/ .avia-button-wrap{display:inline-block;} .avia-button{ color: #777; border-color: #e1e1e1; background-color: #f8f8f8; } body div .avia-button{ border-radius: 3px; padding:10px; font-size: 12px; text-decoration: none; display:inline-block; border-bottom-style: solid; border-bottom-width: 1px; margin:3px 0; line-height: 1.2em; position: relative; font-weight: normal; text-align: center; max-width: 100%; } .avia-button:hover{opacity: 0.9;} .avia-button:active{border-bottom-width: 0px; border-top-width: 1px !important; border-top-style: solid;} .avia-button.avia-color-theme-color-subtle{background-image: none;} .avia-button.avia-color-theme-color-subtle:hover{} .avia-button .avia_button_icon{position: relative; left: -0.3em; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden;} .avia-button .avia_button_icon.avia_button_icon_right{left: 0.3em;} .avia-button.avia-icon_select-no .avia_button_icon{ display:none } .avia-button.avia-color-grey, .avia-button.avia-color-grey:hover {background-color: #555; border-color: #333333; color: #fff; } .avia-button.avia-color-black, .avia-button.avia-color-black:hover {background-color: #2c2c2c; border-color: #000; color: #fff; } .avia-button.avia-color-red, .avia-button.avia-color-red:hover {background-color: #B02B2C; border-color: #8B2121; color: #fff; } .avia-button.avia-color-orange, .avia-button.avia-color-orange:hover{background-color: #edae44; border-color: #CA9336; color: #fff; } .avia-button.avia-color-green, .avia-button.avia-color-green:hover {background-color: #83a846; border-color: #6F8F3B; color: #fff; } .avia-button.avia-color-blue, .avia-button.avia-color-blue:hover {background-color: #7bb0e7; border-color: #6693C2; color: #fff; } .avia-button.avia-color-aqua, .avia-button.avia-color-aqua:hover {background-color: #4ecac2; border-color: #3EAAA3; color: #fff; } .avia-button.avia-color-teal, .avia-button.avia-color-teal:hover {background-color: #5f8789; border-color: #3F5E5F; color: #fff; } .avia-button.avia-color-purple, .avia-button.avia-color-purple:hover{background-color: #745f7e; border-color: #514358; color: #fff; } .avia-button.avia-color-pink, .avia-button.avia-color-pink:hover {background-color: #d65799; border-color: #BB4B85; color: #fff; } .avia-button.avia-color-silver, .avia-button.avia-color-silver:hover{background-color: #DADADA; border-color: #B4B4B4; color: #555; } #top a.avia-button.avia-font-color-grey, .avia-button.avia-font-color-grey-hover:hover{ color: #333333; } #top a.avia-button.avia-font-color-black, .avia-button.avia-font-color-black-hover:hover{ color: #000; } #top a.avia-button.avia-font-color-red, .avia-button.avia-font-color-red-hover:hover{ color: #8B2121; } #top a.avia-button.avia-font-color-orange, .avia-button.avia-font-color-orange-hover:hover{ color: #CA9336; } #top a.avia-button.avia-font-color-green, .avia-button.avia-font-color-green-hover:hover{ color: #6F8F3B; } #top a.avia-button.avia-font-color-blue, .avia-button.avia-font-color-blue-hover:hover{ color: #6693C2; } #top a.avia-button.avia-font-color-aqua, .avia-button.avia-font-color-aqua-hover:hover{ color: #3EAAA3; } #top a.avia-button.avia-font-color-teal, .avia-button.avia-font-color-teal-hover:hover{ color: #3F5E5F; } #top a.avia-button.avia-font-color-purple, .avia-button.avia-font-color-purple-hover:hover{ color: #514358; } #top a.avia-button.avia-font-color-pink, .avia-button.avia-font-color-pink-hover:hover{ color: #BB4B85; } #top a.avia-button.avia-font-color-silver, .avia-button.avia-font-color-silver-hover:hover{ color: #B4B4B4; } #top .avia-button.avia-color-light{color:#fff; border:3px solid #fff; background: transparent;} #top .avia-button.avia-color-dark{ color:#000; border:3px solid #000; color:rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.6); background: transparent;} .avia-button.avia-color-light:hover{opacity: 0.7; color:#fff; } .avia-button.avia-color-dark:hover{ opacity: 0.7; color:#000; color:rgba(0,0,0,0.6);} .avia-button.avia-color-theme-color-subtle{border-width:1px; border-style: solid;} .avia-button-center {display:block; text-align: center; clear:both;} .avia-button-right {display:block; float:right;} .avia-button.avia-position-right{float:right; display:block;} .avia-button.avia-position-left{float:left; display:block;} .avia-button.avia-size-small{ padding:9px 10px 7px; font-size: 13px; min-width: 80px; } .avia-button.avia-size-medium{ padding:12px 16px 10px; font-size: 13px; min-width: 90px; } .avia-button.avia-size-large{ padding: 15px 30px 13px; font-size: 13px; min-width: 139px; } .avia-button.avia-size-x-large{ padding: 25px 50px 23px; font-size: 15px; min-width: 200px; } .av-icon-on-hover .avia_button_icon{ width: 0px; overflow: hidden; display: inline-block; height: 1em; -webkit-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; opacity: 0; } .av-icon-on-hover:hover .avia_button_icon{ width: 1.5em; opacity: 1;} #top .av-button-notext{min-width: 0;} #top .av-button-notext .avia_button_icon{left:0;} .av-button-label-on-hover{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .av-button-label-on-hover.avia-button.avia-size-small{padding:0; line-height: 30px; width: 32px;} .av-button-label-on-hover.avia-button.avia-size-medium{padding:0; line-height: 36px; width: 38px;} .av-button-label-on-hover.avia-button.avia-size-large{padding:0; line-height: 42px; width: 44px;} .av-button-label-on-hover.avia-button.avia-size-x-large{padding:0; line-height: 66px; width: 68px;} #top .avia-button .avia_button_background{ opacity: 0; position: absolute; top: -3px; left: 0; bottom: -6px; right: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #top .avia-button:hover .avia_button_background{ opacity: 0.9; } #top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title{ position: relative; z-index: 3; } /* ====================================================================================================================================================== #Comment ====================================================================================================================================================== */ h4#comments{ margin-bottom:30px; } #respond{ margin-top:20px; } .commentlist ul { border-left-style: dashed; border-left-width: 1px; } .children .children .says{ border-bottom-style: dashed; border-bottom-width: 1px; } .miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title{ font-weight: 600; letter-spacing: 1px; } #comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label{ font-size: 0.85em; display:block; letter-spacing: 0; text-transform: none; padding-top:8px; line-height: 1.5em; font-weight: normal; } .comment_meta_container{clear:both; float:none;} #top .commentlist{ margin:0; padding: 0 0 10px 0px; border:none; } #top .commentlist .comment{ list-style-type: none; list-style-position: outside; width:100%; position: relative; display: block; background: none; min-height:100px; clear: both; } #top .commentlist .comment.depth-1{float:left;} #top .commentlist .comment>div{min-height: 100px; float: left; width:100%;} .commentlist>.comment{ border-bottom-style: dashed; border-bottom-width: 1px; margin-bottom:30px; } .gravatar{ position: relative; z-index: 2; border-radius: 200px; overflow: hidden; float: left; } .gravatar img{ padding:0; margin:0; display: block; border-radius: 200px; } .comment_content{ position:relative; margin:0 0 0 85px; padding:0 35px 15px 0; z-index: 10; overflow: hidden; } .author_name a, .author_name a:hover{ font-weight: bold; text-decoration: none; } .comment-edit-link, #cancel-comment-reply-link{ display:inline-block; font-size: 10px; } .author_name, .comment_title{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .commentmetadata { font-size:11px; line-height: 1em; } .commentmetadata a{ text-decoration: none; } .commentmetadata a:hover{ text-decoration: underline; } .says { display: block; height: 1px; left: -70px; position: absolute; text-indent: 200%; top: 18px; width: 40px; overflow: hidden; } #top .comment_text{ clear: both; font-size: 13px; padding: 0 0 15px 0; border:none; } #top .comment-reply-link { font-size: 11px; text-decoration: none; line-height: 20px; } .side-container-comment-inner{ text-align: center; position: relative; overflow: hidden; margin-bottom:15px; } .comment-count { font-size: 24px; line-height: 60px; width: 60px; display: block; text-align: center; border-radius: 200px; margin: 0 auto; position: relative; z-index: 100; } .side-container-comment-inner .comment-text{ font-size: 12px; text-transform: uppercase; } .center-border{position: absolute; top:39%; width:42%; border-top-style: solid; border-top-width: 1px; z-index: 1;} .center-border-left{left:0;} .center-border-right{right:0;} /*children*/ #top .commentlist ul{ margin: 0 0 0 74px; clear:both; } #top .commentlist .children ul{ margin: 0 0 0 47px; } .children .comment_content { margin: 0 0 0 28px; padding-bottom:30px; z-index: 1; } .children .gravatar{ position: relative; left:-24px; z-index: 2; width:45px; } #top .children .comment-reply-link { left: -42px; top: 51px; } /*comment page nav*/ .comment_page_nav_links{ position: relative; display: block; clear:both; overflow: hidden; font-size:11px; } .comment_prev_page a{ float:left; } .comment_next_page a{ float:right; } .comment_page_nav_links_bottom{ } .comment_page_nav_links_top{ } .sidebar_right .comment_container { padding-right: 50px; } .sidebar_left .comment_container { margin-left: 0; } .comment_container{max-width: 100%;} /*generated by comment_form()*/ #commentform{ position: relative;} #commentform p{ position: relative; padding:0 0 10px 0; margin:0;} #reply-title small a{ float:right;} #commentform label{ position: absolute; left:245px; font-size: 11px; top:0; font-weight: bold; } #commentform input[type='checkbox'] + label{ left:2.5em; } #commentform div input{ margin:0; } .commentlist #commentform label{ position: static; display: block; } .comment-notes, #commentform .comment-form-comment label{ display:none; } #top .comment-form-url input, #top .comment-form-email input, #top .comment-form-author input{ width: 220px; } #top .commentlist .comment-form-url input, #top .commentlist .comment-form-email input, #top .commentlist .comment-form-author input{ width: 70%; } #comment{ width:602px; height:150px; padding:10px 7px; font-size: 12px; margin:0; } .form-allowed-tags{ font-size: 11px; line-height: 1.5em; margin-bottom: 5px; } .form-allowed-tags code{ display:block; padding-top:5px; } .commentlist #respond { padding: 0 0 30px 56px; } .commentlist #respond #comment{ width:90%; } .commentlist #respond .form-allowed-tags{ display:none; } #reply-title{display:none;} #reply-title small{display:inline;} .commentlist #reply-title{display:block;} #comment{ width:94%; font-size:12px; } .personal_data p{ float:left; width:33%; } .personal_data label{ display:none; } .template-blog .post .entry-content-wrapper{ /* font-size: 14px; line-height: 1.7em; */ overflow:hidden; } .template-blog .post_delimiter{ margin: 0 0 50px 0; padding: 50px 0 0 0; /* border-bottom-style: solid; border-bottom-width: 1px; */ clear:both; } .template-blog .post-entry-last .post_delimiter{ border:none; height:1px; } .av-buildercomment .av-buildercomment-unapproved{ padding: 30px 0 15px; text-align: center; font-size: 1.4em; font-weight: 500; }/* ====================================================================================================================================================== Contact Form defaults ====================================================================================================================================================== */ .avia_ajax_form{ clear:both; } .avia_ajax_form fieldset p br{display:none;} .avia_ajax_form label {display:block; visibility: visible; position: relative; } /*dont delete. ie8 needs this separate*/ .avia_ajax_form label, .modified_width:before{display:block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600;} #ajaxresponse.hidden{ visibility: visible; position: static; display:none; } #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area{ width:100%; margin-bottom:0; display:inline; min-width:50px; padding:13px; border-radius: 2px; } #top .avia_ajax_form .select[multiple] option{padding:5px;} #top .avia_ajax_form input[type="checkbox"] { float: left; margin-right: 8px; top: 2px; position: relative; } #top .avia_ajax_form input[type='submit'].avia-button-default-style { background-color: #9a9a9a; border-color: #737373; pointer-events: none; opacity: 0; animation: all 0.7s; } #top .avia_ajax_form.av-form-input-visible input[type='submit'].avia-button-default-style { opacity: 1; animation: all 0.7s; } .value_verifier_label { position: absolute; bottom: 11px; left: 10px; font-size: 13px; line-height: 21px; } .avia_ajax_form.av-form-labels-hidden label{ position: fixed; top: -1000px; left: -2000px; } .avia_ajax_form.av-form-labels-hidden label.input_checkbox_label{ position: initial; top: initial; left: initial; } .avia_ajax_form p{ position: relative; clear:both; float:left; width:100%; margin: 11px 0;} .avia_ajax_form.av-form-labels-hidden p{margin-top: 8px; margin-bottom: 8px;} .avia_ajax_form p.hidden{position: absolute; width:0px; left:0; top:0; } .avia_ajax_form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .first_form{clear:both;margin-left:0;} .avia_ajax_form .button { margin: 0; padding: 16px 20px; border-radius: 2px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 0.92em; min-width: 142px; outline: none; } .modified_width .button{ width:100%; padding: 13px 10px 14px; min-width: 0; } .av-form-labels-visible .modified_width:before{ display:block; content: "Submit Form"; visibility: hidden; } .av-form-labels-visible .av-last-visible-form-element.first_form.modified_width:before{ display:none; } #footer .avia_ajax_form textarea{height:90px; } .avia_ajax_form p input, .avia_ajax_form p textarea, .avia_ajax_form p select, .avia_ajax_form p .input_checkbox_label{ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #top .button.av-sending-button{ -webkit-transition: none; transition: none; background-size: 32px 32px; -webkit-animation: avia-bg-move 1.2s linear infinite; /* Safari 4+ */ animation: avia-bg-move 1.2s linear infinite; /* IE 10+ */ } .av-centered-form, #top .av-centered-form input { text-align: center; } #top .av-centered-form ::-webkit-input-placeholder { text-align: center; } #top .av-centered-form ::-moz-placeholder {text-align: center; } #top .av-centered-form :-ms-input-placeholder { text-align: center; } #top .avia_ajax_form input.captcha, #top .av-centered-form input.captcha{ text-align: left; padding-left: 70px; } .avia_ajax_form .av-hidden-submit {display: none;} .avia-form-success{ text-align: center; border-style:solid; border-width:1px; padding: 20px 15px; line-height: 1.4em; border-radius: 2px; clear:both; } .avia-form-error{ text-align: center; border-style: solid; border-width: 1px; padding: 20px 15px; line-height: 1.4em; border-radius: 2px; clear: both; font-weight: bold; } #top .av-centered-form input[type="checkbox"]{float:none;} #top .av-centered-form .input_checkbox_label{display: inline-block;} .avia_ajax_form .required{text-decoration: none; } /*contact form datepicker*/ #top .avia-datepicker-div{ background: #fff; border:1px solid #e1e1e1; font-size:15px;} #top .avia-datepicker-div a{ color:#333; background-color: #f8f8f8; background-image:none; } #top .avia-datepicker-div a.ui-state-active{ color:#8bba34; } #top .avia-datepicker-div a.ui-state-highlight{ color:#8bba34; } #top .avia-datepicker-div a.ui-state-hover{ color:#FFF; background-color: #bbb; } #top .avia-datepicker-div .ui-datepicker-buttonpane button{ background-color: #8BBA34; color: #FFF; border-color: #8BBA34; } #top .avia-datepicker-div.ui-datepicker { width: 300px; padding: 20px; display: none; box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.2); border-radius: 0;} #top .avia-datepicker-div.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: transparent; border: none;} #top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next { position:absolute; top: 4px; width: 50px; text-align: center; line-height: 34px; height: 34px; cursor: pointer; border-radius: 0; text-decoration: none; font-size:12px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev { left:2px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next { right:2px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-title { margin: 0px 53px; line-height: 32px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;} #top .ui-datepicker-title select { width: 72px; float: left; font-size: 12px; margin-left: 3px; margin-bottom: 0; border-radius: 0px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-title select { font-size:14px; margin:1px; } #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-month-year {width: 100%;} #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-month, #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-year { width: 48%;} #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-year {float:right;} #top .avia-datepicker-div.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } #top .avia-datepicker-div.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } #top .avia-datepicker-div.ui-datepicker td { border: 0; padding: 1px; } #top .avia-datepicker-div.ui-datepicker td span, #top .avia-datepicker-div.ui-datepicker td a { border:none; display: block; padding: .2em; text-align: center; text-decoration: none; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em 0 .4em; cursor: pointer; padding: 10px 20px; width:auto; overflow:visible; border: none; background-image: none; border-radius: 3px; font-size: 13px;} #top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } #top .avia-datepicker-div .ui-widget-content{background: transparent; border: none;} #top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span{ text-indent: 0; overflow: visible; background-image: none; display: inline; position: static; margin: 0; font-weight: normal; } /* RTL support */ .avia-datepicker-div.ui-datepicker-rtl { direction: rtl; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group { float:right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /*custom form colors*/ #top .av-custom-form-color *{color:inherit;} #top .av-custom-form-color a{text-decoration: underline;} #top .av-custom-form-color ::-webkit-input-placeholder { color: inherit; opacity: 0.8;} #top .av-custom-form-color ::-moz-placeholder { color: inherit; opacity: 0.8; } #top .av-custom-form-color :-ms-input-placeholder { color:inherit; opacity: 0.8;} #top .av-custom-form-color .button{border: 2px solid;} #top .av-custom-form-color .button:hover{} #top .av-light-form, #top .av-light-form + .ajaxresponse *{color:#fff;} #top .av-light-form + .ajaxresponse .avia-form-success{background: transparent; } #top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button{ color: #fff; border-color: #fff; border-width: 2px !important; background-color: transparent; } #top .av-dark-form, #top .av-dark-form + .ajaxresponse *{color:#222;} #top .av-dark-form + .ajaxresponse .avia-form-success{background: transparent; } #top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button{ color: #222; border-color: #222; border-width: 2px !important; background-color: transparent; } /* recaptcha */ #top .avia_ajax_form .av-recaptcha-area{ display: block; } #top .avia_ajax_form .av-recaptcha-submit.avia_button_inactive, #top .avia_ajax_form .av-recaptcha-submit-real.avia_button_inactive{ opacity: 0.3; } #top .avia_ajax_form .av-recaptcha-submit.avia_button_inactive:hover, #top .avia_ajax_form .av-recaptcha-submit-real.avia_button_inactive:hover{ cursor: default; } #top .avia_ajax_form .av-recaptcha-error{ display: inline-block; width: 100%; } #top .avia_ajax_form .av-recaptcha-error.av-recaptcha-severe-error{ background-color: red; color: white; border-radius: 8px; padding: 10px; text-align: center; } #top .avia_ajax_form .av-recaptcha-error.av-recaptcha-severe-error .av-recaptcha-error-main{ color: white; font-weight: 900 !important; } #top .avia_ajax_form .av-recaptcha-error.av-err-content{ margin: 5px 0; color: #fe6d4e; background-color: #FFF; font-weight: 700; display: block; clear: both; } #top .avia_ajax_form.avia_recaptcha_v3 .av_form_privacy_check{ margin-top: -15px; } body .grecaptcha-badge{ z-index: 9000; } body.av-google-badge-hide .grecaptcha-badge{ visibility: hidden; } body.av-google-badge-visible #scroll-top-link{ bottom: 80px; } #top .avia_ajax_form .av-google-badge-message{ padding: 12px 0 0 0; min-width: 300px; max-width: 100%; font-size: 0.8em; line-height: 1.3em; } #top .avia_ajax_form.av-centered-form .av-google-badge-message{ text-align: center; width: 100%; max-width: 100%; float: left; } #top .avia_ajax_form .avia-disabled-form{ padding: 15px 15px; font-size: 1.5em; font-weight: 900; display: none; } #top .avia_ajax_form.av-form-user-disabled .avia-disabled-form{ display: block; } #top .avia_ajax_form.av-centered-form .avia-disabled-form{ text-align: center; } @media only screen and (max-width: 479px) { .responsive .avia_ajax_form .form_element{ width:100%; clear: both; margin-right:0; margin-left:0; float: none; } } /* ====================================================================================================================================================== Slideshow ====================================================================================================================================================== */ .avia-slideshow{position: relative; margin:50px 0; width:100%; clear: both; overflow: hidden;} .flex_column .avia-slideshow{ margin:20px 0; } .flex_column .avia-slideshow.avia-builder-el-no-sibling{margin-top:0px;} .avia-slideshow-inner{padding:0; margin: 0; position: relative; overflow: hidden; width:100%;} #top .av-default-height-applied .avia-slideshow-inner{height:0px;} .avia-slideshow li{padding:0; margin: 0; list-style-type: none; list-style-position: outside; position: absolute; visibility: hidden; z-index: 1; top:0; left:0; width:100%; clear:both; opacity: 0; overflow: hidden;} .avia-slideshow li:first-child{position: relative; visibility: visible; z-index: 3;} .avia-slideshow li img{display:block; width:100%; margin: 0 auto; border-radius: 3px; position: relative;} .flex_cell_inner .avia-slideshow li img{border-radius: 0;} .avia-slideshow.image_no_stretch li img{width:auto;} .avia-slideshow li>p{margin:0;} /* carousel */ .avia-slideshow-carousel{overflow: hidden;} .avia-slideshow-carousel ul{transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); white-space: nowrap;} .avia-slideshow-carousel ul *{white-space: normal;} .avia-slideshow-carousel li{position: relative;visibility: visible;opacity: 1;vertical-align: top;} #top .avia-slideshow-arrows a{ display: block; text-decoration: none; color: #fff; visibility: visible; position: absolute; width:60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top:50%; margin:-30px 15px 0; z-index: 99; overflow: hidden; text-indent: -600%; } #top .avia-slideshow-arrows a.next-slide{ right:0; } .avia-slideshow-arrows a:before{ visibility: visible; display: block; position: absolute; z-index: 100; background: #aaa; background: rgba(0,0,0,0.3); top:0; left:0; right:0; bottom:0; border-radius: 3px; text-align: center; line-height: 62px; color:inherit; } .prev-slide:before{ text-indent: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .next-slide:before{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-indent: 0px; } .avia-slideshow-dots{position: absolute; z-index: 200; width:100%; bottom:0; text-align: center; left: 0; height:0px;} .avia-slideshow-dots a{display: inline-block; height:13.5px; width:13.5px; border-radius: 14px; background: #000; opacity: 0.6; filter:alpha(opacity=60); text-indent: 100px; overflow: hidden; margin:0 1px; padding: 7px;position: relative; bottom: 33px; -webkit-backface-visibility: hidden;} .avia-slideshow-dots a.active, .avia-slideshow-dots a:hover{opacity: 0.8; filter:alpha(opacity=80); background: #fff;} .avia-caption{position: absolute; z-index: 10; bottom:17px; left:17px; padding:10px 20px; color:#fff; border-radius: 3px; } .avia-slideshow .avia-caption .avia-caption-title{ color:#fff; } .js_active .avia-slideshow li:first-child{visibility: hidden;} .js_active .avia-slideshow-carousel li:first-child{visibility: visible;} /* hide controls on desktop */ .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a{ opacity: 0; filter:alpha(opacity=0); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter:alpha(opacity=60); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter:alpha(opacity=80); } /*various control stylings*/ #top .av-control-hidden .avia-slideshow-controls{display: none;} #top .av-control-minimal .avia-slideshow-arrows a:before{border:2px solid #fff; background: transparent; line-height: 60px;} #top .av-control-minimal .avia-slideshow-dots a{border:2px solid #fff; background: transparent; padding: 5px;} #top .av-control-minimal .avia-slideshow-dots a.active{background: #fff;} #top .av-control-minimal-dark .avia-slideshow-arrows a{ color: #000; } #top .av-control-minimal-dark .avia-slideshow-arrows a:before{border-color: #000;} #top .av-control-minimal-dark .avia-slideshow-dots a{border-color: #000;} #top .av-control-minimal-dark .avia-slideshow-dots a.active{background: #000;} #top .scroll-down-link.av-control-minimal-dark{color:#000;} #top .scroll-down-link.av-custom-scroll-down-color{ text-shadow: none; } /*avia-small-width-slider*/ #top .avia-small-width-slider .avia-slideshow-arrows a{ width:30px; height:30px; margin: -15px 5px 0; line-height: 32px; font-size: 15px; } #top .avia-small-width-slider .avia-slideshow-arrows a:before{ line-height: 32px; } #top .avia-super-small-width-slider .avia-slideshow-dots{display:none;} /*video slides*/ #top .av-video-slide , #top .av-video-slide .avia-slide-wrap{width:100%; height:100%; position: absolute; overflow: hidden;} #top .av-video-slide .mejs-poster{width:100% !important; height: 100% !important; background-size: cover; background-position: center center;} #top .av-video-slide .mejs-poster img{display:none;} #top .av-video-slide .avia-iframe-wrap{padding:0; height:100%; margin: 0;} #top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video{max-width:none; max-height:none; width:100%; height:100%; position: absolute;} #top .av-video-slide .caption_fullwidth{top: 0; left: 0; right: 0; bottom: 40px; } #top .av-video-slide.av-hide-video-controls .caption_fullwidth{ bottom:0px;} #top .av-video-slide .mejs-container{ height: 100% !important; width: 100% !important; position: absolute;} #top .av-video-slide .me-plugin{width:100%; height:100%;} span.mejs-offscreen { display: none!important; } #top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .avia_video{z-index: 8;} .mejs-controls{ z-index: 9; } #top .av-video-slide.av-video-service-vimeo .mejs-controls, .av-force-resize .av-video-service-youtube .avia_video, .av-hide-video-controls .mejs-controls{display: none !important;} .av-video-slide.slide-1 .mejs-mediaelement{opacity: 0;} .av-video-slide .mejs-mediaelement{height:100%;} #top .av-video-slide .mejs-overlay-button{display: none;} #top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe{ background: #000; } #top .av-video-slide.av-video-4-3-stretch iframe, #top .av-video-slide.av-video-4-3-stretch embed, #top .av-video-slide.av-video-4-3-stretch object, #top .av-video-slide.av-video-4-3-stretch video { height: 270%; } /*blocks the option to click the video. play/pause events get attached to the av click overlay instead*/ #top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay{ content: "."; position: absolute; text-indent: -200px; overflow: hidden; top:0; left:0; right:0; bottom:0; z-index: 11; /*this allows to toggle to work in IE. its a hack since the browser does not accept click events on elements without bg. */ filter: alpha(opacity=0); opacity: 0; background: #000; } .av-click-overlay{z-index: 9; bottom:30px;} /*z index 9 to move it behind caption*/ .av-hide-video-controls .av-click-overlay {bottom:0;} .av-video-service-vimeo .av-click-overlay {bottom:42px;} .av-video-service-youtube .av-click-overlay {bottom:36px;} .av-video-stretch.av-video-service-vimeo .av-click-overlay, .av-video-stretch.av-video-service-youtube .av-click-overlay{bottom:0;} /*video play/pause icon*/ .avia_playpause_icon{ position: absolute; height:100px; width:100px; margin:-50px 0 0 -50px; background: #000; background: rgba(0,0,0,0.4); border-radius: 3px; top: 50%; left: 50%; z-index: 50; display:none; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .avia_playpause_icon.av-play, .avia_playpause_icon.av-pause{ display:block !important; } #top .avia_playpause_icon:before{ top:0; left:0; right:0; bottom:0; position: absolute; color:#fff; line-height: 100px; text-align: center; font-size: 40px; } .avia_transform .avia_playpause_icon.av-play, .avia_transform .avia_playpause_icon.av-pause{ -webkit-animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 0; } .avia_playpause_icon.av-pause{ } /*slideshow on mobile*/ .av-fallback-message{text-align: center; position: absolute; z-index: 1000; top:45%; width:100%; left:0;} .av-fallback-message span{display: inline-block; border:1px solid #e1e1e1; padding:10px;background: #fff;} /*slideshow captions Fullscreen slider*/ .caption_fullwidth{position: absolute; right:0; bottom:0; left:0; top:0; z-index: 10;} .slideshow_caption{ z-index: 100; width:42%; position: absolute; bottom: 0; top:auto; height:100%; display:block; text-decoration: none; padding:50px; } div .slideshow_caption h2{text-transform: uppercase;} div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption a:hover, div .slideshow_caption h2, div .slideshow_caption h2 .special_amp, div .slideshow_caption strong , div .slideshow_caption h2 strong{ color: #fff; } .slideshow_inner_caption{ position: relative; display: table; height:100%; width:100%; } .slideshow_align_caption{ display:table-cell; vertical-align: middle; position: relative; } /*caption frame*/ .avia-caption-content{line-height: 1.3em;} .avia-caption-content p {margin:15px 0;} .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{ background: #000; filter: alpha(opacity = 80); background: rgba(0, 0, 0, 0.5); display:inline-block; margin:0 0 1px 0; padding:10px 15px; } #top .avia-caption-content .wp-smiley{display:none;} #top .avia-caption-content a{text-decoration: underline;} #top .avia-caption-content a:hover{text-decoration: none;} .avia_transform .av_slideshow_full .avia-caption-title{ } .caption_left .slideshow_caption {left:0; } .caption_right .slideshow_caption{ right:0; } .caption_right .slideshow_caption .slideshow_inner_caption{ float:right; } .caption_bottom .slideshow_caption {left:0; width:100%; bottom:0; height:auto;} #top div .caption_center .slideshow_caption { left:0; width: 100%; text-align: center;} .caption_bottom .slideshow_caption .slideshow_inner_caption{ display: block; height:auto; bottom:0; position: absolute; padding: 0 50px; width:100%; left:0; } .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{ padding:20px 0; display: block; } /*button*/ #top .avia-slideshow-button{border-radius: 3px; text-transform: uppercase; padding:15px 16px; display: inline-block; margin-top:20px; text-decoration: none; font-weight: bold;} #top .avia-slideshow-button.avia-color-light{ padding:12px 16px; background-color: rgba(0,0,0,0.2); } #top .avia-slideshow-button.avia-color-dark{ padding:12px 16px; background-color: rgba(255,255,255,0.1);} .avia-multi-slideshow-button{min-width: 140px;} .avia-multi-slideshow-button.avia-slideshow-button{margin-right:20px;} .avia-multi-slideshow-button.avia-slideshow-button-2{margin-right:0px;} /*afterload video*/ #top .av-video-slide .avia-slide-wrap{ background-position: center center; background-size: cover; } #top .av-video-lazyload .av-click-to-play-overlay{ position: absolute; left:0; top:0; width:100%; height:100%; cursor: pointer; z-index: 1000; } #top .av-video-lazyload .av-click-to-play-overlay .avia_playpause_icon{ display: block; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } #top .av-video-lazyload .av-click-to-play-overlay:hover .avia_playpause_icon{ opacity: 0.7; } /* ====================================================================================================================================================== Partner/Logo Slider + Content Slider ====================================================================================================================================================== */ /*shared styles*/ #top .avia-smallarrow-slider {position: relative; overflow: visible;} #top .avia-smallarrow-slider .avia-slideshow-arrows {position: relative; width:51px; top:-3px; left:0; height: 24px;} #top .avia-smallarrow-slider .avia-slideshow-arrows a{opacity: 1; margin:0; width:24px; height:24px; line-height: 25px; font-size: 10px; top:0;} #top .avia-smallarrow-slider .avia-slideshow-arrows a:hover{opacity: 0.5;} #top .avia-smallarrow-slider .avia-slideshow-arrows a:before{line-height: 25px; border-radius: 1px;} #top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img{margin:0 auto; display: block; width:auto; width: 100%\9;} #top .avia-smallarrow-slider-heading{display: table; width:100%;} #top .avia-smallarrow-slider-heading> div{display: table-cell;} #top .avia-smallarrow-slider-heading h3{top:-3px; position: relative;} #top .avia-logo-grid .slide-entry-wrap{margin:0;} #top .avia-smallarrow-slider .avia-slideshow-dots{position: relative; width:100%; left:0; bottom:0; margin-top: 10px;} #top .avia-smallarrow-slider .avia-slideshow-dots a{border-style: solid; border-width: 1px; bottom: 0;} #top .avia-smallarrow-slider .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{background: #aaa; } /*content only*/ #top .avia-content-slider-element-container .avia-slideshow-dots{left:0; text-align: right; width: auto;} /*partner only*/ #top .avia-logo-element-container .slide-entry { padding:1px; } #top .avia-logo-element-container img, .av-partner-fake-img{ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } #top .av-border-deactivate.avia-logo-element-container img, .av-border-deactivate .av-partner-fake-img{ box-shadow: none; } #top .avia-logo-element-container .slide-image{overflow: visible;} .av-partner-fake-img{width:100%; display: block; position: relative; background-size: contain; background-repeat: no-repeat;} @media only screen and (max-width: 767px) { .responsive #top .avia-smallarrow-slider .flex_column{ margin: 0px; width:50%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-logo-element-container.avia-logo-grid .flex_column{margin:0;} } #top .avia-content-slider-element-container .avia-slideshow-dots a.active, #top .avia-content-slider-element-container .avia-slideshow-dots a:hover{background: #aaa;}/* ====================================================================================================================================================== Gallery ====================================================================================================================================================== */ #top div .avia-gallery{overflow: hidden; padding-bottom:2px; clear:both;} #top div .avia-gallery img{float:left; border-style: solid; border-width:1px; padding:7px; width:100%; border-radius: 0;} #top div .avia-gallery .avia-gallery-big{display: block;overflow: hidden; padding:7px; margin-bottom:-1px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-style: solid; border-width:1px;} #top div .avia-gallery .avia-gallery-big-inner{display: block;overflow: hidden; height: 100%;} #top div .avia-gallery .avia-gallery-big img{padding:0; border:none;} #top .avia-gallery .avia-gallery-thumb a{ width:20%; opacity: 1; } #top #wrap_all .avia-gallery .avia-gallery-thumb a{display: block; float:left; } #top .avia-gallery .avia-gallery-thumb a:hover{opacity: 0.5;} #top .avia-gallery .avia-gallery-caption{display:none;} #top div .avia-gallery .avia-gallery-big-no-crop-thumb {text-align: center;} #top div .avia-gallery .avia-gallery-big-no-crop-thumb img{clear:both; float: none; text-align: center;} /*gallery animation*/ .avia_transform .avia-gallery-animate .avia-gallery-thumb img{ opacity: 0.1; -webkit-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia-gallery-animate .avia-gallery-thumb img.avia_start_animation{ -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .avia-gallery-animate .av-hover-grow{overflow: hidden; } .avia-gallery-animate .av-hover-grow img { -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .avia-gallery-animate .av-hover-grow:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .av-hide-gallery-thumbs .avia-gallery-thumb{display:none;} #top #av-admin-preview .avia-gallery .avia-gallery-big-inner{height:auto;} @media only screen and (max-width: 767px) { .responsive .avia-gallery-thumb img{padding:3px;} } /* ====================================================================================================================================================== Layout Grid + Cells ====================================================================================================================================================== */ .av-layout-grid-container{width:100%; table-layout: fixed; display: table; border-top-style:none; border-top-width: 0px;} .flex_cell{display: table-cell; padding:30px; vertical-align: top; } .flex_cell_inner{display: block; position: relative;} .av-border-top-bottom{border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;} .av-border-cells .flex_cell{border-left-style: solid; border-left-width:1px;} .av-border-cells .flex_cell:first-child{border:none;} .av-layout-grid-container + .av-layout-grid-container{border-top:none;} /*no image radius if zero padding cell*/ .av-zero-padding .av-hotspot-container-inner-wrap img { border-radius: 0; } body .flex_cell.avia-link-column{ cursor: pointer; } body .flex_cell.avia-link-column.avia-link-column-hover:hover{ opacity: 0.8; } .av-layout-grid-container .flex_cell.av_one_full.av-cell-link{ display: block; } /* ====================================================================================================================================================== HEADING ====================================================================================================================================================== */ .av-special-heading{ width:100%; clear:both; display: block; margin-top:50px; position: relative; } .avia_mobile .av-special-heading{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .av-special-heading.avia-builder-el-no-sibling{margin-top:0px; margin-bottom:0px;} .flex_column + .av-special-heading{float:left; } body .av-special-heading .av-special-heading-tag{ padding:0; margin:0; float:left; } .meta-heading .av-special-heading-tag{ font-weight: normal; } .custom-color-heading .av-special-heading-tag { color: inherit; } .special-heading-border{ position: relative; overflow: hidden; } .av-special-heading-h1 .special-heading-border{height: 3.4em;} .av-special-heading-h2 .special-heading-border{height: 2.6em;} .av-special-heading-h3 .special-heading-border{height: 1.9em;} .av-special-heading-h4 .special-heading-border{height: 1.6em;} .av-special-heading-h5 .special-heading-border{height: 1.5em;} .av-special-heading-h6 .special-heading-border{height: 1.4em;} .special-heading-inner-border{ display: block; width:100%; margin-left:15px; border-top-style: solid; border-top-width:1px; position: relative; top:50%; opacity: 0.15; filter:alpha(opacity=15); } .meta-heading .special-heading-inner-border{ opacity: 0.2; filter:alpha(opacity=20); } .custom-color-heading .special-heading-inner-border{ opacity: 0.4; filter:alpha(opacity=40); } #top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp{color: inherit; } #top .custom-color-heading a{text-decoration: underline; } #top .custom-color-heading a:hover{opacity:0.8; text-decoration: none;} #top #wrap_all .av-inherit-size .av-special-heading-tag{ font-size: 1em; } .av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag{font-weight: 300;} .av-thin-font strong, .modern-quote strong{font-weight: 600;} body .av-special-heading.modern-centered{ text-align: center; } body .av-special-heading.modern-right{ text-align: right; } body .av-special-heading.elegant-centered{ text-align: center; } body .av-special-heading.elegant-centered .av-special-heading-tag{ position: relative; overflow: hidden; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before, body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after { content: ""; position: absolute; height: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-color: inherit; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1000px; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before { right: 100%; margin-right: 1em; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after { left: 100%; margin-left: 1em; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap{ display: inline-block; position: relative; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-char{ display: block; font-size: 1em; line-height: 1; } /*quote style*/ body .av-special-heading.blockquote > *{ white-space: normal; float: none; } .av-special-heading.classic-quote{ text-align: center; } .av-special-heading.classic-quote.classic-quote-left{ text-align: left; } .av-special-heading.classic-quote.classic-quote-right{ text-align: right; } body .av-special-heading.classic-quote > *{ display:block; font-family: "Droid Serif", Georgia, Times, serif; font-weight: normal; font-style: italic; float: none; } body .av-special-heading.blockquote .special-heading-border{display:none;} /*linked header*/ #top .av-special-heading.av-linked-heading a:hover{ opacity: 0.5; } /*subheading*/ .av-subheading{ font-size: 15px; line-height: 1.3em; } .av-subheading p:first-child{margin-top:0;} .av-subheading p:last-child{margin-bottom:0;} .av-subheading_below{margin-top:0.3em;} .av-subheading_above{margin-bottom:0.3em;} .av-subheading.av_custom_color{opacity: 0.8;} @media only screen and (max-width: 767px) { #top #wrap_all .av-inherit-size .av-special-heading-tag{ font-size: 0.8em; } } /* ====================================================================================================================================================== HR ====================================================================================================================================================== */ .hr{ clear: both; display:block; width:100%; height:25px; line-height:25px; position: relative; margin:30px 0; float:left; } .hr-inner{ width:100%; position: absolute; height:1px; left:0; top:50%; width:100%; margin-top:-1px; border-top-width:1px; border-top-style:solid; } #top .hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; } .hr-invisible {float:none;} .hr-full, .hr-big{margin:70px 0;} .hr-full .hr-inner{width:300%; left:-100%;} .hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);} .sidebar_right .hr-full .hr-inner{left:auto; right:-50px;} .sidebar_left .hr-full .hr-inner{left:-50px;} .hr-short{height:20px; line-height:20px; margin:30px 0; float:none;} .hr-short .hr-inner{ width:32%; left:50%; margin-left:-16%; } .hr-short.hr-left .hr-inner{ left:0%; margin-left:0%;} .hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; } .hr-short .hr-inner-style{border-radius: 20px; height:9px; width:9px; border-width:2px; border-style:solid; display:block; position: absolute; left:50%; margin-left:-5px; margin-top:-5px; } .hr-short.hr-left .hr-inner-style{ left:5px; } .hr-short.hr-right .hr-inner-style{ left:auto; right:0; } body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first { margin:30px 0; } /*custom*/ .hr-custom{margin:0; display: block; min-height:21px; height:auto; overflow: hidden; white-space: nowrap; width:100%; float: left;} .hr-custom .hr-inner{display: inline-block; position: relative; vertical-align: middle;} .hr-custom.hr-center{text-align: center;} .hr-custom.hr-right {text-align: right;} .hr-custom.hr-left {text-align: left;} .hr-custom .hr-inner.inner-border-av-border-none{border:none;} .hr-custom .hr-inner.inner-border-av-border-fat{border-top-width:2px;} .av-seperator-icon { display: inline-block; vertical-align: middle; font-size: 15px; } .hr-custom.hr-icon-yes .hr-inner{margin-left:10px; margin-right:10px;}/* ====================================================================================================================================================== ICON ====================================================================================================================================================== */ /*right icons*/ #top .av_font_icon a{color: inherit; display: block;} .av_font_icon a:hover, .av_font_icon a:focus {text-decoration: none; } .av_font_icon { display:block; text-align: center;} .avia-icon-pos-left {float:left; margin-right: 0.5em;} .avia-icon-pos-right {float: right; margin-left: 0.5em;} /*tooltip*/ #top .avia-icon-tooltip{ width:250px; font-size: 15px; line-height: 1.6em;} /*big icon with border*/ .av_font_icon.av-icon-style-border .av-icon-char{ -webkit-backface-visibility: hidden; /*fix bug in webkit where item shifts a few px on hover*/ } .av_font_icon.av-icon-style-border .av-icon-char{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 1000px; border-width: 3px; border-style: solid; display: block; margin: 0 auto; padding:30px; color: inherit; border-color: inherit; position: relative; clear: both; } .av_icon_caption{font-size: 16px; text-transform: uppercase; line-height: 1.3em; display: block; text-align: center; margin-top:8px; font-weight: 400;} .av_font_icon.av-icon-style-border .av-icon-char:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; } .av_font_icon.av-icon-style-border a.av-icon-char:hover:after { -webkit-animation: sonarEffect 1s ease-out ; animation: sonarEffect 1s ease-out ; } /*icon animation*/ .avia_transform .av_font_icon.avia-icon-animate{ opacity: 0.1; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } .avia_transform .avia_start_delayed_animation.av_font_icon.avia-icon-animate{ -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } /* ====================================================================================================================================================== ICONBOX ====================================================================================================================================================== */ #top .iconbox{background: transparent;} .iconbox{ margin-bottom:30px; position: relative; clear:both; } .iconbox_icon { float: left; margin: 2px 10px 0 0; height: 23px; width: 23px; font-size: 23px; line-height: 18px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.iconbox_icon:hover{ text-decoration: none; } .iconbox_left .iconbox_icon { border-radius: 50px; text-align: center; position: relative; top: -7px; left: -5px; height: 30px; width: 30px; line-height: 30px; margin: 2px 0px 0 0; } .iconbox .iconbox_content .iconbox_content_title { border: medium none; padding: 2px 0 0 0; position: relative; margin:0 0 16px 0; clear:none; letter-spacing: 1px; text-transform: uppercase; font-size:1.25em; } #top .iconbox_top{ margin-top:20px; text-align: center; } .iconbox_top .iconbox_content{ padding:45px 20px 20px 20px; border-radius: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3); } .iconbox_top .iconbox_icon{ float:none; position: absolute; left: 50%; top:-26px; margin:0 0 0 -26px; padding:15px; border-radius:100px; -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; font-size: 20px; line-height: 24px; } .iconbox_left_content .iconbox_content, .iconbox_right_content .iconbox_content{overflow: hidden;} .iconbox_left_content .iconbox_content .iconbox_content_title,.iconbox_right_content .iconbox_content .iconbox_content_title{margin: 0 0 -3px 0;} #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon { width: 74px; height: 74px; font-size: 27px; line-height: 72px; border-style: solid; border-width: 1px; border-radius: 500px; text-align: center; margin-right:22px; } #top .iconbox_right_content{text-align: right;} #top .iconbox_right_content .iconbox_icon{ float: right; margin-right:0; margin-left:22px; } .iconbox .iconbox_content p:last-child { margin-bottom: 0; } #top .iconbox.av-no-box .iconbox_content{padding:0; border:none; box-shadow:none; background: transparent;} #top .iconbox.av-no-box .iconbox_icon{position: relative; top:0; margin:0 auto 20px auto; left:0; width:90px; height:90px; line-height:90px; border-style: solid; border-width: 1px; padding:0; font-size: 30px; display:block; } #top .iconbox_left_content.av-icon-style-no-border .iconbox_icon, #top .iconbox_right_content.av-icon-style-no-border .iconbox_icon{ border:none; height:50px; width:50px; line-height: 50px; margin-top: 0; font-size: 50px; } #top .iconbox_content_container{ line-height: 1.65em; } @media only screen and (min-width: 768px) and (max-width: 989px) { #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon{ margin-bottom: 15px; /*float: none;*/ display: inline-block; } } /* ====================================================================================================================================================== ICONLIST ====================================================================================================================================================== */ .avia-icon-list-container{margin:30px 0; clear: both;} .avia-icon-list{margin:0; padding:0;} .avia-icon-list li{margin:0; padding:0 0 30px 0; list-style-type: none; list-style-position: outside; clear:both; position: relative; min-height:60px;} .avia-icon-list .iconlist_icon{height:64px; width:64px; line-height: 64px; font-size: 30px; text-align: center; border-radius: 500px; position: relative; float:left; margin-right:30px; margin-left:2px; z-index: 5; color:#fff;} .avia-icon-list a.iconlist_icon:hover{color:#fff; text-decoration: none;} .avia-icon-list .iconlist_title{text-transform: uppercase; top: 4px; margin-bottom:0; position: relative;} #top .avia-icon-list .iconlist_title a:hover{text-decoration: underline;} .avia-icon-list .iconlist_content_wrap{overflow: hidden; min-height: 1.5em; padding-bottom:4px;} .avia-icon-list article.article-icon-entry { min-height: 45px; } .avia-icon-list .av-iconlist-empty .iconlist_title{margin-top: 17px;} .avia-icon-list .iconlist-timeline{ position: absolute; top: 1%; left: 32px; width: 1px; height: 99%; border-right-width: 1px; border-right-style: dashed; } .avia-icon-list .iconlist_content{line-height: 1.65em;} .avia-icon-list .iconlist_content li { min-height: 0; padding: 0; list-style: disc outside; } .avia-icon-list li:last-child .iconlist-timeline{display:none;} #top .av_iconlist_title a{text-decoration: none;} #top .av_iconlist_title a:hover{text-decoration: underline;} /*iconlist small*/ #top .av-iconlist-small li{padding:0px; min-height:0px;} #top .av-iconlist-small article.article-icon-entry{ min-height:0px; } #top .av-iconlist-small .iconlist-timeline{display:none;} #top .av-iconlist-small .iconlist_icon{ background: transparent; color: inherit; height: 1.45em; width: 1.45em; line-height: 1.45em; font-size: inherit; margin-right: 0.25em; } #top .av-iconlist-small.avia-icon-list-right .iconlist_icon { float: right; margin-left: 0.1em; margin-right: 2px; } #top .av-iconlist-small .iconlist_content_wrap{ min-height: 0; padding: 0; } .av-iconlist-small .iconlist_title_small { line-height: 1.45em; } .av-iconlist-small .iconlist_content p:first-child{ margin-top: 2px; } /*right icons*/ .avia-icon-list-right {text-align: right;} .avia-icon-list-right .iconlist_icon{float:right; margin-left:30px; margin-right:0; margin-right:2px; } .avia-icon-list-right .iconlist-timeline{left: auto; right: 32px;} /*iconlist animation*/ .avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .iconlist_icon{ opacity: 0.1; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } .avia_transform .avia-iconlist-animate .iconlist-timeline{ height: 0%; } .avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon{ -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist-timeline{ -webkit-animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ height: 100%; } /* ====================================================================================================================================================== Image ====================================================================================================================================================== */ .avia-image-container{display:block; position: relative; max-width: 100%;} .avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 3px; display:block; position: relative; max-width: 100%;} .avia-image-container.avia-align-center{display:block; margin: 0 auto 10px auto; text-align: center; clear: both;} .avia-image-container.avia-align-center .avia-image-container-inner{margin:0 auto; display:inline-block; vertical-align:bottom} .avia-image-container.avia-align-left{display:block; float:left; margin-right: 15px; margin-top: 5px;} .avia-image-container.avia-align-right{display:block; float:right; margin-left: 15px; margin-top: 5px;} .avia-image-container.avia-align-center.avia-builder-el-no-sibling{margin-bottom:0; margin-top:0;} .avia_image + br{display:none;} .avia-image-overlay-wrap a.avia_image{overflow: hidden; } .avia-image-overlay-wrap a.avia_image .image-overlay{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);} .avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap{ -webkit-transition: all 0.7s; transition: all 0.7s; } .avia-image-container.av-hover-grow img:hover, .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); } .avia-image-container.av-hover-grow, .avia-image-container.av-hover-grow .avia-image-container-inner, .avia-image-container.av-hover-grow .avia-image-overlay-wrap a.avia_image { overflow: visible; } .avia-image-container.av-hover-grow.av-hide-overflow, .avia-image-container.av-hover-grow.av-hide-overflow .avia-image-container-inner, .avia-image-container.av-hover-grow.av-hide-overflow .avia-image-overlay-wrap a.avia_image { overflow: hidden; } /*styling variations*/ .av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay, .av-styling-circle div.av-caption-image-overlay-bg{overflow: hidden; border-radius: 10000px; } .avia-safari div.av-image-caption-overlay-center { -webkit-transform:translate3d(0,0,0); }/*flicker fix for caption in safari*/ .av-styling-no-styling .avia-image-container-inner, .av-styling-no-styling .avia_image, .av-styling-no-styling .av-image-caption-overlay{border-radius: 0; border:none;} /*captions*/ .av-image-caption-overlay{position: absolute; height:100%; width:100%; z-index: 10; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .avia-msie-8 .av-image-caption-overlay{background: #000; filter:alpha(opacity=40); } .av-image-caption-overlay-position{display: table; width: 100%; height:100%; position: relative; } .av-image-caption-overlay-center{display:table-cell; vertical-align: middle; font-size: 1.3em; line-height: 1.5em; padding: 0px 1.5em; } .av-image-caption-overlay-center p:first-child{margin-top:0;} .av-image-caption-overlay-center p:last-child{margin-bottom:0;} .av-caption-image-overlay-bg{position: absolute; height:100%; width:100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg{opacity: 0 !important; } .av-overlay-on-hover .av-image-caption-overlay{opacity: 0; filter:alpha(opacity=00); } .av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay{opacity: 1; filter:alpha(opacity=100);} .avia_transform .avia_animated_image{ opacity: 0; } /* image copyright */ .avia-image-container small.avia-copyright{ font-size: 0.8em; text-align: left; line-height: 1.7em; } /* Simple */ .avia-image-container .avia-copyright{ display: block; } .avia-image-container.av-has-copyright .avia-image-overlay-wrap{ position: relative; overflow: hidden; } .av-styling-circle.avia-image-container.av-has-copyright .avia-image-container-inner{ overflow: visible; } .avia-image-container.av-has-copyright.av-styling-circle .avia-copyright{ text-align: center; } /* Icon Reveal on Hover */ .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright{ position: absolute; background-color: rgba(0,0,0,0.1); text-align: right; color: #fff; padding: 0 2em 0 0; right: 0; bottom: 0; width: 2em; line-height: 2em; max-height: 2em; text-indent: -99999px; overflow: hidden; transition: all 0.3s ease-in; z-index: 308; } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{ width: 100%; padding: 0 3em 0 1em; text-indent: 0; max-height: 100%; background-color: rgba(0,0,0,0.4); } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{ content: "\E81e"; font-family: "entypo-fontello"; display: block; position: absolute; right: 0; bottom: 0; text-indent: 0; font-size: 0.8em; width: 2.6em; height: 2.6em; line-height: 2.8em; text-align: center; color: rgba(255,255,255,0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover:after{ background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,1); } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: rgba(0,0,0,0.15); text-align: right; } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: rgba(0,0,0,0.5); } /* ====================================================================================================================================================== Masonry Grid ====================================================================================================================================================== */ .av-masonry{ position: relative; overflow: hidden; clear:both; } .av-masonry-container{ width:100.4%; float:left; clear:both; position: relative; } .av-masonry-entry{ position: relative; display: block; width:24.90%; float:left; clear: none; text-decoration: none; visibility: hidden; opacity: 0; } #top .masonry-no-border{border-top:none;} .av-masonry-entry.av-landscape-img{ width:49.80%; } .av-masonry-col-2 .av-masonry-entry{width:49.80%;} .av-masonry-col-2 .av-masonry-entry.av-landscape-img{width:99.50%;} .av-masonry-col-3 .av-masonry-entry{width:33.3%} .av-masonry-col-3 .av-masonry-entry.av-landscape-img{width:66.6%} .av-masonry-col-4 .av-masonry-entry{} .av-masonry-col-4 .av-masonry-entry.av-landscape-img{} .av-masonry-col-5 .av-masonry-entry{width:19.90%;} .av-masonry-col-5 .av-masonry-entry.av-landscape-img{width:39.80%;} .av-masonry-col-6 .av-masonry-entry{width:16.6%;} .av-masonry-col-6 .av-masonry-entry.av-landscape-img{width:33.2%;} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top .av-medium-columns-4 .av-masonry-entry{width:24.90%;} .responsive.av-no-preview #top .av-medium-columns-3 .av-masonry-entry{width:33.3%;} .responsive.av-no-preview #top .av-medium-columns-2 .av-masonry-entry{width:49.80%;} .responsive.av-no-preview #top .av-medium-columns-1 .av-masonry-entry{width:100%;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive.av-no-preview #top .av-small-columns-4 .av-masonry-entry{width:24.90%;} .responsive.av-no-preview #top .av-small-columns-3 .av-masonry-entry{width:33.3%;} .responsive.av-no-preview #top .av-small-columns-2 .av-masonry-entry{width:49.80%;} .responsive.av-no-preview #top .av-small-columns-1 .av-masonry-entry{width:100%;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive.av-no-preview #top .av-mini-columns-4 .av-masonry-entry{width:24.90%;} .responsive.av-no-preview #top .av-mini-columns-3 .av-masonry-entry{width:33.3%;} .responsive.av-no-preview #top .av-mini-columns-2 .av-masonry-entry{width:49.80%;} .responsive.av-no-preview #top .av-mini-columns-1 .av-masonry-entry{width:100%;} } .av-masonry-outerimage-container{ overflow: hidden; } .av-masonry-outerimage-container, .av-masonry-image-container { position: relative; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .av-masonry-image-container{ text-align: center; background-size: cover; background-position: center center; } .av-masonry-image-container img{ display:block; margin: 0 auto;} #top .av-inner-masonry{overflow: hidden; background-color: transparent;} .av-masonry-entry .av-inner-masonry-content{ padding:20px; z-index: 2; position: relative; width:100%; } .av-masonry-entry .avia-arrow{border:none; top: -5px;} .av-masonry-item-no-image .avia-arrow{display: none;} .av-masonry-entry .av-masonry-entry-title{ line-height: 1.3em; margin:0; font-size: 15px; } .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content{ padding-top:4px; text-overflow: ellipsis; overflow: hidden; } .av-masonry-date, .av-masonry-text-sep, .av-masonry-author{font-size: 11px;} .av-masonry-text-sep{padding: 0 5px;} .av-masonry-text-sep.text-sep-author, .av-masonry-author{display:none;} /*items loaded*/ .av-masonry-entry.av-masonry-item-loaded{ opacity: 1; visibility: visible; } .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry{ -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{ -webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */ animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */ } /*gap variations between elements: no, 1px and large*/ .av-large-gap.av-masonry{ padding:15px 0 0 15px; } .av-no-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top:0px; left:-1px; right: 0px; bottom:-2px; } .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top:0px; left:0px; right: 1px; bottom:1px; } .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{position: absolute; top:0px; left:0px; right: 15px; bottom:15px; } .av-no-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; } .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:1px; margin-bottom:1px; } .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:15px; margin-bottom:15px; } /*firefox 1px gap fix*/ .avia-mozilla .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ margin-bottom:2px; } /*flex size*/ .av-flex-size .av-masonry-image-container{background-image: none !important; } /*fixed sized masonry (aka perfect grid)*/ .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container{position: absolute;} .av-fixed-size .av-masonry-image-container img{display: none;} .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:80%; z-index: 1; } .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:40%;} .av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer{ padding-bottom:160%;} .av-fixed-size .av-masonry-entry.av-portrait-img.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:80%;} #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ display: table; position: relative; height: 100%;width:100%; bottom:0; table-layout: fixed; } #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos{display:table-cell; vertical-align: middle; text-align: center;} #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry { background: transparent; } .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content { position: absolute; bottom: -1px; /*fixes hover bug that lets 1px img shine through at bottom when font is big*/ } /*overlay styling*/ #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ background: rgba(0,0,0,0.35); } #top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content{ background: transparent; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del{ color:#fff; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .avia-arrow, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .av-icon-display{ display: none; } #top #wrap_all .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{ position: absolute; top:-2px; left:-2px; right: -2px; bottom:-2px; display:block; height: auto; width:auto; } #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos{ display:table; height: 100%; width:100%; } #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content{ display: table-cell; vertical-align: middle; } #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title{ font-size: 1.5em; } /*masonry orientation*/ .av-fixed-size.av-orientation-landscape-large .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:50%; } .av-fixed-size.av-orientation-square .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:100%; } .av-fixed-size.av-orientation-portrait .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:130%; } .av-fixed-size.av-orientation-portrait-large .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:150%; } /*hover effect*/ #top .av-masonry-entry:hover{text-decoration: none; } .av-masonry-image-container, .av-inner-masonry-content, .av-masonry-pagination{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .avia_desktop .av-hover-overlay-active .av-masonry-image-container{opacity: 0.7;} .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container { opacity: 1;} .avia_desktop .av-masonry-entry:hover .av-masonry-image-container{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content{opacity: 0; filter:alpha(opacity=00);} .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{opacity: 1; filter:alpha(opacity=100);} .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image .av-inner-masonry-content{opacity: 1; filter:alpha(opacity=100);} .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{opacity: 0; filter:alpha(opacity=00);} .avia_desktop .av-inner-masonry-content{ /*fixes flickering issue when caption/excerpt is visible by default and sorting is activated . may also try to replace it with -webkit-transform-style: preserve-3d;*/ -webkit-backface-visibility:hidden; } .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{ -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; } .avia_desktop.avia_transform3d .av-masonry-entry:hover .av-icon-display{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-color: transparent; } /*need to make sure that the scale transform doesnt mess up the image*/ .avia_desktop.avia_transform3d .av-masonry-image-container{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } /*masonry sorting*/ .av-masonry-sort{ text-align: center; padding:20px 40px; visibility: hidden; overflow: hidden; } #top div.container .av-masonry .av-masonry-sort { padding: 0px; background: transparent; line-height: 30px; margin-bottom:15px; font-size: 0.9em; } .av-large-gap .av-masonry-sort{} .av-masonry-sort a{text-decoration: none;} .av-masonry-sort .avia_hide_sort{display: none;} .av-sort-by-term > * { display: inline-block; } .av-no-gap .av-masonry-sort, .av-1px-gap .av-masonry-sort{margin:0 0 1px 0;} .av-large-gap .av-masonry-sort{margin:0 15px 15px 0;} .avia-term-count{display: none; } #top .av-sort-yes-tax{line-height: 50px} #top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat{float: right} #top .av-current-sort-title{float: left; font-weight: normal; font-size: 26px;} /*masonry pagination*/ .av-masonry-pagination{ clear: both; z-index: 2; bottom: 20px; right:20px; padding:20px; display:block; } #top .av-masonry-load-more{ text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 13px; visibility: hidden; opacity: 0; overflow: hidden; } #top .av-masonry-load-more.av-masonry-no-more-items { opacity: 0 !important; height: 0px; padding: 0px; filter:alpha(opacity=00); } #top .av-masonry-load-more:hover{ letter-spacing: 0px; } .av-no-gap .av-masonry-load-more{margin:1px 0 0 0; float: left; width: 100%;} .av-large-gap .av-masonry-pagination{margin:0 15px 15px 0;} .av-masonry-pagination .pagination{padding:5px;} .av-masonry-pagination .pagination-meta { line-height: 30px; } /*masonry post types and variations*/ /*product*/ .av-masonry-entry.sale .av-masonry-entry-title{ padding-right:48px;} #top .av-masonry-entry.type-product .av-masonry-image-container{-webkit-transform: scale(1);transform:scale(1); } #top .av-masonry-entry .price, #top .av-masonry-entry .price span, #top .av-masonry-entry del, #top .av-masonry-entry ins {font-size: 14px;} #top .av-masonry-entry .onsale{ top:20px; right:20px;} #top .av-caption-style-overlay .av-masonry-entry .onsale{ top:0px; right:0px; border-radius: 0;} #top .av-caption-style-overlay .av-masonry-entry.sale .av-masonry-entry-title{ padding-right:0px;} #top .av-masonry-entry .av-inner-masonry .av-masonry-overlay{opacity: 0; filter:alpha(opacity=0); width:100%; z-index: 10; position: absolute; top:0; left:0; right:0; bottom:0;} #top .av-masonry-entry:hover .av-inner-masonry .av-masonry-overlay{ opacity: 1; filter:alpha(opacity=100); } /*post types*/ #top .av-icon-display.av-masonry-media{ position: absolute; left: 50%; margin-left: -30px; top: -75px; opacity: 0.7; filter:alpha(opacity=70); } #top .av-masonry-entry:hover .av-icon-display.av-masonry-media{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #top .av-masonry-entry.format-quote .av-icon-display{ position: absolute; z-index: -1; border: none; background: rgba(0, 0, 0, 0); opacity: 0.1; filter:alpha(opacity=10); bottom: -20px; left: 0; font-size: 50px; line-height: 100px; width: 100px; } #top div .av-masonry-entry.format-quote:hover .av-icon-display{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0.3; filter:alpha(opacity=30); } /*masonry within columns/sections */ #top .container .av-masonry{background: transparent;} #top .container .av-masonry.av-large-gap { padding: 0; width: 102%; width: calc(100% + 15px); } /*masonry fade_out/grayscale/desat effect/blur */ #top .av-hover-overlay-fade_out .av-masonry-image-container{ opacity: 1.0; } #top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container{ opacity: 0.2; } #top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container{ -webkit-filter:grayscale(1); filter:grayscale(1); } #top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter:grayscale(0); filter:grayscale(0); } #top .av-hover-overlay-desaturation .av-masonry-image-container{ -webkit-filter:saturate(30%); filter:saturate(30%); } #top .av-hover-overlay-desaturation .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter:saturate(100%); filter:saturate(100%); } #top .av-hover-overlay-bluronhover .av-masonry-image-container{ -webkit-filter:blur(0px); filter:blur(0px); } #top .av-hover-overlay-bluronhover .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter:blur(10px); filter:blur(10px); } @media only screen and (min-width: 1800px){ .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry{width:16.6%;} .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry.av-landscape-img, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:33.2%;} } @media only screen and (min-width: 989px) and (max-width: 1340px) { .responsive .av-masonry-col-flexible .av-masonry-entry{width:33.3%;} .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:66.6%;} } @media only screen and (max-width: 767px) { .responsive #top .av-masonry-entry{width:100%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top .av-masonry-entry{width:49.90%;} .responsive #top .av-masonry-entry.av-landscape-img{width:100%;} } @media only screen and (max-width: 480px){ .responsive #top .av-masonry-entry{width:100%;} } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{width:33.3%;} .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img{width:66.6%;} .responsive .av-masonry-col-automatic .av-masonry-entry .av-masonry-entry-title{font-size:13px;} .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{display:none;} } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible .av-masonry-entry{width:49.90%;} .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:100%;} } /*site preloader: http://projects.lukehaas.me/css-loaders/ */ .av-siteloader-wrap{ position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index: 1000000; background: #fff; display:none; } html.av-preloader-active{} html.av-preloader-active .av-siteloader-wrap{display:block;} .av-siteloader-inner{ position: relative; display: table; width: 100%; height:100%; text-align: center; } .av-siteloader-cell{display:table-cell; vertical-align: middle;} .av-siteloader , #top div.avia-popup .mfp-preloader{ font-size: 10px; position: relative; text-indent: -9999em; margin:0 auto; border-top: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2); border-bottom:2px solid rgba(0, 0, 0, 0.2); border-left: 2px solid #000; -webkit-animation: av-load8 0.8s infinite linear; animation: av-load8 0.8s infinite linear; } #top div.avia-popup .mfp-preloader{ position: absolute; background: transparent; border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .av-preloader-reactive #top .av-siteloader{ -webkit-animation: avia_pop_loader 1.3s 1 linear; animation: avia_pop_loader 1.3s 1 linear; } .av-preloader-reactive #top .av-siteloader-extra{ border-radius: 50%; width: 400px; height: 400px; background:#eee; position: absolute; left: 50%; top: 50%; -webkit-transform: scale(0); transform: scale(0); opacity:0; -webkit-animation: avia_shrink 1.1s 1 linear; animation: avia_shrink 1.1s 1 linear; margin:-200px 0 0 -200px; } .av-siteloader, #top div.avia-popup .mfp-preloader, .av-siteloader:after , #top div.avia-popup .mfp-preloader:after{ border-radius: 50%; width: 40px; height: 40px; } .av-preloading-logo{ position: relative; margin: 0 auto; display: block; max-width:450px; max-height:450px; margin-bottom:20px; z-index: 100; } #top div.avia-popup .mfp-s-error .mfp-preloader { background: transparent; width: 100%; -webkit-animation: none; animation: none; white-space: nowrap; border: none; text-indent: 0; font-size: 17px; -webkit-transition: none; transition: none; }/* ====================================================================================================================================================== Message Box ====================================================================================================================================================== */ .avia_message_box{ text-align: center; position: relative; border-color: #e1e1e1; background-color: #f8f8f8; clear: both; margin:30px 0; } div .avia_message_box .avia_message_box_title{ background-color: rgba(0,0,0,0.05); position: absolute; top:0; left:0; padding:5px 20px; font-size: 11px; text-shadow: none; } .avia_message_box_content{ font-size: 14px; text-transform: uppercase; font-weight:600;} .avia_message_box_icon{ position: relative; left: -0.5em; font-size: 1.3em;} .avia_message_box.avia-size-normal{ padding: 17px; } .avia_message_box.avia-size-large{ padding: 35px; } .avia_message_box.avia-color-green , .avia_message_box.avia-color-green a {background-color: #E0F1B5; border-color: #8BAF5B; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4F5F39; } .avia_message_box.avia-color-blue , .avia_message_box.avia-color-blue a {background-color: #F5F6FC; border-color: #9DADBF; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4671A3; } .avia_message_box.avia-color-red , .avia_message_box.avia-color-red a {background-color: #FFF8F4; border-color: #CDA18F; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #AF2C20; } .avia_message_box.avia-color-orange, .avia_message_box.avia-color-orange a {background-color: #FFFDF3; border-color: #E6BF4A; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #C96D11; } .avia_message_box.avia-color-grey , .avia_message_box.avia-color-grey a {background-color: #333; border-color: #444; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); color: #fff; } .avia_message_box.avia-color-silver, .avia_message_box.avia-color-silver a {background-color: #f8f8f8; border-color: #e1e1e1; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color: #444; } .avia_message_box_content p{display: inline;} #top .avia_message_box_content strong{color:inherit;} .avia_message_box a{text-decoration: underline; } #top .avia_message_box a:hover{color:inherit; opacity: 0.7;} .avia_message_box.avia-icon_select-no .avia_message_box_icon{ display:none } .avia_message_box.avia-border-solid{border-width:3px; border-style: solid;} .avia_message_box.avia-border-dashed{border-width:1px; border-style: dashed;} .avia_message_box a.av_message_close{position: absolute;right: 0;top: 0;text-decoration: none;display: block;width: 1.2em;height: 1.2em;background: rgba(0,0,0,0.05);text-shadow: none;text-align: center;cursor: pointer; line-height: 1.2em; font-size: 1em; font-family: Arial, Baskerville, monospace !important;} .avia_message_box.messagebox-hidden{display: none;} .avia_message_box.avia-color-custom .av_message_close{color: inherit;}/* ====================================================================================================================================================== Slideshow Fullwidth ====================================================================================================================================================== */ .avia-slideshow-inner li{ -webkit-transform-style: preserve-3d; /*fixes flickering issue when slider moves. usually other elements in other container flicker */ } .avia-fullwidth-slider { border-top-style: solid; border-top-width:1px; z-index: 1; } .avia-fullwidth-slider.avia-builder-el-0{border-top:none;} div.slider-not-first, .html_header_transparency #top .avia-builder-el-0{border-top:none;} .avia-slide-wrap{ position: relative; display: block; } .avia-slide-wrap>p{margin:0; padding:0;} .av_slideshow_full.avia-slideshow{margin:0;} #top .av_slideshow_full.av-control-default .avia-slideshow-arrows a{ margin:-50px 0 0 0; width:35px; text-align: center; height: 100px; line-height: 102px; opacity: 0.5; } #top .av_slideshow_full .avia-slideshow-arrows a:hover{opacity: 1;} #top .av_slideshow_full.av-control-default .next-slide:before{ border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 102px; } #top .av_slideshow_full.av-control-default .prev-slide:before{ border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 102px; } .av_slideshow_full li img{border-radius: 0px;} .av_slideshow_full .container.caption_container { position: relative; top: 0; z-index: 5; height: 100%; left: 0%; overflow: visible; } .avia_transform .av_slideshow_full .avia-caption-content, .avia_transform .av_slideshow_full .avia-caption-title, .avia_transform .av_fullscreen .avia-caption-content, .avia_transform .av_fullscreen .avia-caption-title, .avia_transform .av_fullscreen .avia-slideshow-button, .avia_transform .av_slideshow_full .avia-slideshow-button { -webkit-transform:translate(0,0); transform:translate(0,0); visibility: hidden; } .avia_transform .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content { visibility: visible; -webkit-animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button, .avia_transform .av_fullscreen .active-slide .avia-slideshow-button { visibility: visible; -webkit-animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button-2, .avia_transform .av_fullscreen .active-slide .avia-slideshow-button-2 { visibility: visible; -webkit-animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title { visibility: visible; -webkit-animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content { visibility: visible; -webkit-animation: caption-bottom 0.5s 1 ease-out; animation: caption-bottom 0.5s 1 ease-out; } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title { visibility: visible; -webkit-animation: caption-top 0.5s 1 ease-out; animation: caption-top 0.5s 1 ease-out; } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-slideshow-button { visibility: visible; -webkit-animation: caption-top 1.2s 1 ease-out; animation: caption-top 1.2s 1 ease-out; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive #top .slideshow_caption {left: 0; width:100%; padding:0;} .responsive #top .slideshow_caption h2{font-size: 20px !important;} .responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;} /* .responsive .av_slideshow_full .container.caption_container { margin-left: -138px; } */ } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top .slideshow_caption {left: 0; width:100%; padding:0;} .responsive #top .slideshow_caption h2{font-size: 20px !important;} .responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;} /* .responsive .av_slideshow_full .container.caption_container { margin-left: -216px; } */ } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { /* .responsive .av_slideshow_full .container.caption_container { margin-left: -342px; } */ } @media only screen and (min-width: 1140px) { /* .responsive .av_slideshow_full .container.caption_container { margin-left: -515px;} */ } @media only screen and (min-width: 1340px) { /* .responsive .av_slideshow_full .container.caption_container { margin-left: -605px;} */ } /* ====================================================================================================================================================== Share Box ====================================================================================================================================================== */ .av-share-box{width:100%; clear:both; float:left; font-size: 13px; margin-top:30px; margin-bottom:-50px; padding:0;} .av-share-box .av-share-link-description{margin-bottom: 20px;} #top .av-share-box ul{margin:0; padding:0; list-style-type: none; overflow: hidden; border-style: solid; border-width: 1px; display: table; width:100%; text-align: center; table-layout: fixed; border-radius: 3px; background: transparent; } .av-share-box ul li{margin:0; padding:0; display: table-cell; border-left-style: solid; border-left-width:1px;} .av-share-box ul li:first-child{border:none;} .av-share-box ul li a{ display:block; padding:15px 0; text-decoration: none; color: inherit; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .av-share-box .avia-related-tooltip{width:150px;} .av-social-sharing-box .av-share-box{margin:0;} #top .av-social-sharing-box-minimal .av-share-box ul{border:none;} /* ====================================================================================================================================================== Tabs ====================================================================================================================================================== */ #top .tabcontainer{ background: transparent; } .tabcontainer{ margin: 30px 0; position: relative; width:100%; clear: both; overflow: hidden; background: transparent; } .tab_titles{ position: relative; width:100%; clear: both; float:left; z-index: 5; } .widget .tabcontainer{ margin-top:0px; } .js_active .tab_content{ visibility: hidden; clear: both; padding: 10px 19px; overflow:auto; position: absolute; top:0; z-index: 0; left:120%; width:100%; } .js_active .tab{ cursor:pointer; margin:0 -1px 0 0; display: block; float: left; z-index: 2; position: relative; padding:12px 16px; top:1px; font-size: 0.8em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-style: solid; border-width:1px; } .js_active .top_tab .tab{ border-bottom: none; padding:12px 16px 14px 16px; } .js_active .active_tab{ z-index: 4; position: relative; font-weight: bold; } .js_active .tab_titles .tab:first-child{ border-top-left-radius: 2px; } .js_active .tab_titles .tab:last-child{ border-top-right-radius: 2px; } .js_active .active_tab_content{ display: block; visibility: visible; z-index: 3; position: relative; overflow:auto; border-style: solid; border-width:1px; border-radius: 2px; left:0; width:auto; } .tabcontainer .tab_icon{ margin-right: 7px; font-size: 1em; } .tab_inner_content{ margin: 11px 0; left:-200%; position: relative; } .active_tab_content .tab_inner_content{ left:0; position: relative; } /*sidebar tabs*/ .sidebar_tab .tab_titles{ width:30%; min-width:170px; max-width:250px; float:left; display: block; } .sidebar_tab_right .tab_titles{ float:right; } .sidebar_tab .tab_titles .tab{ width:100%; margin:0 0 -1px 0; top:0; } .sidebar_tab .tab_content{ overflow: hidden; clear:none; left: -1px; } .sidebar_tab_right .tab_content{ left: 1px; } .js_active .sidebar_tab .tab_titles .tab:last-child{ border-top-right-radius: 0; border-bottom-left-radius: 2px; } .sidebar_tab_left .active_tab.tab{ width:100.5%; border-right:none; } .sidebar_tab_right .active_tab.tab{ width:100.5%; border-left:none; left:-1px; } /*noborder sidebar tabs*/ .noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content{ border:none; box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2); left:0; padding:0px 0 0 30px; } .noborder_tabs.sidebar_tab_right .tab_content{ box-shadow: 8px 0px 20px -10px rgba(0, 0, 0, 0.2); padding:0px 30px 0 0; } .noborder_tabs.sidebar_tab_left .tab{ border-left:none; } .noborder_tabs.sidebar_tab_right .tab{ border-right:none; } .noborder_tabs .tab:first-child{ border-top:none; } .noborder_tabs .tab:last-child{ border-bottom:none; } .tabcontainer .tab.fullsize-tab{display:none;} @media only screen and (max-width: 767px) { .responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none; overflow: hidden;} .responsive .tabcontainer .tab_titles{display:none;} .responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab {width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;} .responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; } .responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;} .responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;} } /* ====================================================================================================================================================== Accordion/Toggle ====================================================================================================================================================== */ /*toggle*/ .js_active .toggle_wrap{ visibility: hidden; position: absolute; z-index: 0; width: 100%; left: 120%; } .active_tc.toggle_wrap{ position: static; visibility: visible; left:0; width:auto; z-index: 1; display: none; } .js_active .toggler { cursor: pointer; display: block; margin:0; padding: 9px 3px 9px 35px; position: relative; top: 1px; border-style:solid; border-width:1px; line-height: 1.65em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .togglecontainer{ margin:30px 0; position: relative; clear: both; } .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler{ border-top-left-radius: 2px; border-top-right-radius: 2px; } .togglecontainer > div:last-of-type .toggler{ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .togglecontainer > p.activeTitle{ border-radius: 0; } .toggle_content { padding: 12px 30px 11px 30px; margin: 0px 0 5px 0; border-style:solid; border-width:1px; border-top:none; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; } .toggle_icon{ position: absolute; width: 15px; height: 15px; border-style: solid; border-width: 1px; top: 50%; left: 10px; margin-top: -8px; } .toggle_icon .vert_icon{ border-left-style:solid; border-left-width:3px; position: absolute; left:5px; top:1px; height:11px; } .toggle_icon .hor_icon{ border-top-style:solid; border-top-width:3px; position: absolute; top:5px; left:1px; width:11px; } .activeTitle .toggle_icon .vert_icon{ border:none; } .hasCurrentStyle .toggle_icon, .hasCurrentStyle .toggle_icon > span{ border-color: inherit !important; } /* removed, otherwise opening animation does not work .active_tc.toggle_wrap{ display:block; } */ #top .av_toggle_section .av-inherit-border-color *{border-color: inherit;} #top .av_toggle_section .av-inherit-font-color *{color: inherit;} /*sorting*/ .taglist {margin-bottom:5px;} .taglist .tag-seperator:last-child{display:none;} .taglist .tag-seperator{padding:0px 4px;} .single_toggle{ width:100%; float:left; display: block; margin: 0 0 -2px 0; padding-bottom: 1px; overflow: hidden; position: relative;} /*minimal toggle*/ .av-minimal-toggle.togglecontainer .single_toggle .toggler{border-radius:0; border-left:none; border-right:none; border-top:none; font-size: 1.1em; } .av-minimal-toggle .toggle_content{ border-radius:0;border:none; padding:12px 35px 11px 35px;} .av-minimal-toggle .single_toggle{ margin: 0 0 7px 0; padding-bottom: 0px;} .av-minimal-toggle .toggle_icon { margin-top: -7px; border: none;} .av-minimal-toggle .toggler:hover { opacity: 0.8; } .av-minimal-toggle .activeTitle.toggler:hover { opacity: 1; } /* elegant toggle */ .av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{ border-top-left-radius: 0; border-top-right-radius: 0; } .av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler{ border-top-width: 1px; border-top-style: 1px; } .js_active .av-elegant-toggle .toggler{ padding: 35px 10px 30px 35px; font-size: 17px; top: 0; border-top-width: 0; border-left-width: 0; border-right-width: 0; } .av-elegant-toggle .toggle_icon{ width: 32px; height: 32px; border-radius: 40px; left: auto; right: 20px; margin-top: -16px; border-width: 2px; opacity: 0.4; transition: all 0.2s ease-in; } .av-elegant-toggle .activeTitle .toggle_icon, .av-elegant-toggle .single_toggle:hover .toggle_icon { opacity: 1; } .av-elegant-toggle .toggle_icon .hor_icon, .av-elegant-toggle .toggle_icon .vert_icon{ border-width: 2px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .av-elegant-toggle .toggle_content{ margin-bottom: 0; font-size: 15px; line-height: 1.4; padding: 20px 35px 30px 35px; border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-radius: 0; } .av-elegant-toggle .single_toggle{ border-width: 0; margin: 0; padding: 0; float: none; } /* ====================================================================================================================================================== Video ====================================================================================================================================================== */ .avia-video, .avia-iframe-wrap{clear:both; position: relative; margin-bottom:20px; } .avia-video, .avia-video iframe, .avia-video video{background-color: #000;} /*responsive iframe trick*/ .avia-video iframe, .js_active .avia-iframe-wrap iframe, div .avia-video .avia-iframe-wrap{position: absolute; width:100%; height:100%; left:0; top:0; padding:0;} .avia-video-custom{height:0;} .avia-video-16-9, .js_active .avia-iframe-wrap{padding-bottom: 56.25%; height:0;} .avia-video-4-3{padding-bottom: 75%; height:0;} /*html 5 video - always has 100 width and natural height. behaves like image when it comes to aspect ratio*/ video{ width:100%; height:auto; } .mejs-layer { z-index: 1; width: 100% !important; } .mejs-layer.mejs-overlay-play{ height:100% !important; } #top .avia-video .mejs-container, #top .avia-video .mejs-container video{ height:100% !important; width: 100% !important; position: absolute; } #top .avia-video .av-click-to-play-overlay{ position: absolute; left:0; top:0; width:100%; height:100%; cursor: pointer; z-index: 1000; } #top .avia-video .av-click-to-play-overlay .avia_playpause_icon{ display: block; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } #top .avia-video .av-click-to-play-overlay:hover .avia_playpause_icon{ opacity: 0.7; } .avia-video .mejs-poster, .avia-video{background-position: center center;background-size: cover;} .avia-video .mejs-poster{position: absolute; height:100% !important; width:100% !important; top:0; left:0; }/** * @package EmbedPress * @author EmbedPress * @copyright Copyright (C) 2018 EmbedPress. All rights reserved. * @license GPLv2 or later * @since 1.0 */ .embedpress-wrapper { position: relative; } .ose-dailymotion.responsive, .ose-kickstarter.responsive, .ose-rutube.responsive, .ose-ted.responsive, .ose-vimeo.responsive, .ose-youtube.responsive, .ose-ustream.responsive, .ose-google-docs.responsive, .ose-animatron.responsive, .ose-amcharts.responsive, .ose-on-aol-com.responsive, .ose-animoto.responsive, .ose-soundcloud.responsive, .ose-videojug.responsive, .ose-facebook.responsive, .ose-issuu.responsive { overflow: hidden; position: relative; height: auto; } .ose-dailymotion.responsive iframe, .ose-kickstarter.responsive iframe, .ose-rutube.responsive iframe, .ose-ted.responsive iframe, .ose-vimeo.responsive iframe, .ose-vine.responsive iframe, .ose-youtube.responsive iframe, .ose-ustream.responsive iframe, .ose-google-docs.responsive iframe, .ose-animatron.responsive iframe, .ose-amcharts.responsive iframe, .ose-on-aol-com.responsive iframe, .ose-animoto.responsive iframe, .ose-soundcloud.responsive iframe, .ose-videojug.responsive iframe, .ose-issuu.responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } /* 16:9 aspect ratio */ .ose-dailymotion.responsive, .ose-kickstarter.responsive, .ose-rutube.responsive, .ose-ted.responsive, .ose-vimeo.responsive, .ose-youtube.responsive, .ose-animatron.responsive, .ose-amcharts.responsive, .ose-on-aol-com.responsive, .ose-animoto.responsive, .ose-videojug.responsive { padding-bottom: 56.25%; } /* 1:1 aspect ratio */ .ose-vine.responsive { padding-bottom: 100%; } /* Mixed aspect ratio */ .ose-ustream.responsive { padding-bottom: 63.3%; } .ose-google-docs.responsive { padding-bottom: 62.6%; } .ose-google-docs.ose-google-docs-drawings.responsive { padding-bottom: 74.5%; } .ose-google-docs.ose-google-docs-document.responsive, .ose-google-docs.ose-google-docs-forms.responsive, .ose-google-docs.ose-google-docs-spreadsheets.responsive { padding-bottom: 142%; } .ose-soundcloud.responsive { padding-bottom: 155px; } .ose-issuu.responsive iframe { z-index: 2; } .ose-issuu.responsive { padding-bottom: 31.25%; } .ose-issuu>div>div>div:last-child { width: 100% !important; z-index: 0; position: absolute; bottom: 0; } .ose-mixcloud.responsive iframe { width: 100%; } /* Fix scrolling on iOS devices */ .ose-google-docs.responsive { -webkit-overflow-scrolling: touch; overflow-y: auto; } .ose-facebook.responsive iframe { padding-bottom: 0; width: 100%; } .elementor-widget iframe { max-height: 100% !important; } .elementor-cbutton-preview-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 30px; background: #fbf6f6; } @media only screen and (max-width: 800px) { .elementor-widget-embedpres_elementor .embedpress-facebook-vid-iframe, .embedpress-gutenberg-wrapper .embedpress-facebook-vid-iframe, .embedpress-facebook-vid-iframe { max-height: inherit !important; } .ep-first-video iframe { max-height: 100% !important; } .ep-youtube__content__block .youtube__content__body .content__wrap:not(.youtube-carousel) { grid-template-columns: repeat(auto-fit, minmax(calc(50% - 30px), 1fr)) !important; } } @media only screen and (max-width: 500px) { .elementor-widget-embedpres_elementor .embedpress-facebook-vid-iframe, .embedpress-gutenberg-wrapper .embedpress-facebook-vid-iframe, .embedpress-facebook-vid-iframe { max-height: 390px !important; } .ep-youtube__content__block .youtube__content__body .content__wrap:not(.youtube-carousel) { grid-template-columns: repeat(auto-fit, minmax(calc(100% - 30px), 1fr)) !important; } } .ose-matterport .embera-embed-responsive, .ose-matterport .embera-embed-responsive iframe { width: 100%; height: 100%; } .ose-flourish iframe { border: none; } .ose-deviantart img, .ose-deviantart a, .ose-deviantart div { width: 100%; height: 100%; } /*Meetup Event styling starts */ .ose-meetup { overflow: auto !important; text-align: left; display: block !important; margin: auto; } .ose-meetup img { height: auto; } article.embedpress-event div#sponsors { display: none; } .embedpress-event .link { color: #0098ab; } .embedpress-event .visibility--a11yHide { border: 0; clip: rect(0 0 0 0); position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; } .embedpress-event .text--small { font-size: 14px; margin: 0; } .embedpress-event .flex { display: flex; box-sizing: border-box; } .embedpress-event .flex--wrap { flex-wrap: wrap; } .embedpress-event .flex--row { align-items: center; box-sizing: border-box; display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } .embedpress-event .flex-item { flex-basis: 0; flex-grow: 1; width: auto; min-width: 0; /*padding-left: 16px;*/ box-sizing: border-box; } .embedpress-event .flex-item--shrink { flex-basis: auto; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0; width: auto; } .embedpress-event .flex--row>.flex-item:first-child { padding-left: 0; } .embedpress-event .text--bold { font-weight: 700; } .embedpress-event h1, .embedpress-event h2, .embedpress-event h3, .embedpress-event h4, .embedpress-event h5, .embedpress-event h6 { font-size: inherit; } .embedpress-event .ep-event--title { font-size: 32px; font-weight: 700; } .embedpress-event .ep-event--date { color: #757575; font-weight: 400; font-size: 16px; } /*Host*/ .embedpress-event .ep-event--host { margin-top: 20px; display: flex; align-items: center; margin-bottom: 20px; } .ep-event--host .avatar-print { border-radius: 50%; height: 50px; width: 50px; } .embedpress-event img.avatar--person { background-image: none !important; background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 50%; box-sizing: border-box; vertical-align: middle; } .event-info-hosts-text { padding-left: 20px; font-size: 16px; font-weight: 400; } .embedpress-event .event-description { margin-top: 20px; } .text--sectionTitle { font-size: 20px; line-height: 28px; } .ep-event--attendees { margin-top: 50px; } .ep-event--attendees>.flex { margin-bottom: 20px; } .ep-event--attendees .gridList { list-style: none; margin: 0 -16px 0 0; padding: 0; } .ep-event--attendees .gridList-item { width: auto; } .ep-event--attendees .gridList--autoHeight--has4>.gridList-item { flex: 0 0 50%; max-width: 50%; } .ep-event--attendees .groupMember-name { line-height: 1.2 !important; } .ep-event--attendees .avatar--person { margin-bottom: 15px; display: inline-block; border-radius: 50%; } .ep-event--attendees img.avatar-print { border-radius: 50%; } .ep-event--attendees .groupMember-role { font-size: 12px; color: #757575; padding-top: 2px; margin: 0; } .ep-event--attendees .groupMember { min-height: 100%; min-width: 128px; padding-left: 8px; padding-right: 8px; } .embedpress-event .align--center { text-align: center; } .embedpress-event .card { background: #fff; background-clip: padding-box; background-size: cover; border: 1px solid rgba(46, 62, 72, .12); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; min-height: 100%; padding: 16px 16px 18px; position: relative; white-space: normal; } .embedpress-event .card--hasHoverShadow { transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1); } .embedpress-event .ep-event-group-link { display: flex; flex-wrap: wrap; align-items: center; background: #ffffff; border-radius: 8px; padding: 20px; margin-bottom: 20px; border: 1px solid rgba(46, 62, 72, .12); } .embedpress-event .ep-event-group--name { padding-left: 20px; font-size: 14px; line-height: 1.45; margin: 0; width: 70%; word-break: break-word; } .embedpress-event .ep-event-group--image { -o-object-fit: cover; object-fit: cover; width: 56px; height: 56px; border-radius: 4px; } .embedpress-event .ep-event-time-location { background: #ffffff; border-radius: 8px; padding: 16px 20px 0 20px; border: 1px solid rgba(46, 62, 72, .12); } .embedpress-event .ep-event-time-location .ep-event-datetime, .embedpress-event .ep-event-time-location .ep-event-location { padding-bottom: 20px; } .embedpress-event .ep-event-location .wrap--singleLine--truncate, .embedpress-event .ep-event-time-location .ep-event-datetime { font-size: 15px; line-height: 1.5; color: #2e3e48; font-style: normal; margin: 0; } .embedpress-event .ep-event-location address { font-style: normal; margin: 0; } .embedpress-event .ep-event-location .venueDisplay-venue-address { font-style: normal; color: #757575; margin: 0; } .embedpress-event .ep-event-location p { line-height: 20px; } .ep-event--attendees .gridList-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 1rem; margin: 0; vertical-align: top; width: 50%; } .gridList-itemInner { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 0 16px 16px 0; } /*Youtube subscribe button*/ .embedpress-yt-subscribe { display: flex; align-items: center; align-content: start; text-align: center; gap: 1rem; max-width: 600px; width: 100%; } .embedpress-yt-subscribe .embedpress-yt-subscribe.dark { color: #ffffff; } .embedpress-yt-subscribe .embedpress-yt-sub-text { display: inline-block; margin: 0; padding: 0; } /* Meetup styling for new markup*/ .dewqijm { height: 100%; margin-right: 10px; } .dewqijm img[src^="image"] { display: none; } .dewqijm img[src^="http"] { height: 56px !important; width: 56px !important; } .dewqijm>div>div { display: none; } .embedpress-event .sticky button { display: none; } .embedpress-event .items-center { align-items: center; } /*Media query*/ @media only screen and (min-width: 530px) { .ep-event--attendees .gridList--autoHeight--has4>.gridList-item { flex: 0 0 33.333333%; max-width: 33.333333%; } } @media only screen and (min-width: 640px) { .embedpress-event .card { padding: 18px 18px 20px; } .ep-event--attendees .gridList--autoHeight--has4>.gridList-item { flex: 0 0 25%; max-width: 25%; } } /** * NFT card frontend style */ .ose-opensea { height: 100% !important; width: calc(100% - 40px) !important; max-height: 100% !important; } .ose-github { overflow: auto; } .ep_nft_content_wrap.ep_nft__wrapper { display: grid; } .ep_nft_content_wrap.ep_nft__wrapper, .ep_nft_content_wrap.ep_nft_list { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-column-gap: 15px; grid-row-gap: 15px; } .ep_nft_content_wrap .ep_nft_item { padding-top: 15px; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; background-color: #ffffff; border-radius: 10px; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s; box-shadow: 0 4px 15px rgba(0, 0, 0, .09); overflow: hidden; padding: 15px; position: relative; transition: .3s ease-in-out; } .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-grid .ep_nft_item { display: flex; flex-direction: column; } .ep_nft_content_wrap.ep_nft_list .ep_nft_item { justify-content: flex-start; align-items: flex-start; } .ep_nft_content_wrap.ep_nft__wrapper.preset-3 .ep_nft_item .ep_nft_content { background-color: #edecf6e6; } .ep_nft_content_wrap .ep_nft_thumbnail { margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 15px; border-radius: 5px; } .ep_nft_content_wrap .ep_nft_thumbnail img { height: 340px; border-radius: 5px; width: 100%; object-fit: cover; } .ep_nft_content .ep_nft_title { color: #333333; font-size: 16px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 15px; font-weight: 600; word-break: break-all; } .ep_nft_content { text-align: left; } .ep_nft_content .ep_nft_price { color: #333333; font-size: 14px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; display: flex; font-weight: 600; } .ep_nft_content .ep_nft_price:first-child { margin-bottom: 10px; } span.eb_nft_currency { max-width: 28px; display: flex; align-items: center; justify-content: center; } span.eb_nft_currency svg { width: 100%; height: auto; } .ep_nft_content .ep_nft_price_wrapper { min-height: 20px; } .ep_nft_content .ep_nft_creator { color: #333333; font-size: 14px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px; display: flex; align-items: center; gap: 5px; } .ep_nft_content .ep_nft_creator a { color: #3080E2; font-size: 14px; text-decoration: none; word-break: break-all; text-decoration: none; } .ep_nft_content .ep_nft_creator img { height: 30px; width: 30px; border-radius: 50%; } .ep_nft_content .ep_nft_button button { margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } .ep_nft_content .ep_nft_button button a { background-color: #3080E2; color: #ffffff; font-size: 14px; padding-top: 15px; padding-right: 20px; padding-left: 20px; padding-bottom: 15px; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s; } .ep_nft_content .ep_nft_button button:hover a { background-color: rgb(46, 142, 238); color: #ffffff; } .ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item:hover .ep_nft_button { opacity: 1; transform: translate(0); visibility: visible; } .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button a.ep-details-btn:hover { background-color: rgb(46, 142, 238); color: #ffffff; } .ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item:hover .ep_nft_button { opacity: 1; transform: translate(0); visibility: visible; } .ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item .ep_nft_button { bottom: 0; left: 0; opacity: 0; position: absolute; transform: translateY(30px); visibility: hidden; width: 100%; transition: 0.3s; } .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep-nft-single-item-wraper .ep_nft_button { margin-top: auto; display: flex; justify-content: space-between; gap: 15px; } .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button a { background-color: #3080E2; color: #ffffff; font-size: 14px; padding: 10px 20px; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s; display: block; text-align: center; font-weight: 500; text-decoration: none; } .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button span.ep-nft-rank { color: #a88484; border-color: #a88484; } /* mimmikcssStart */ /* NFT List item CSS */ .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item { display: flex; gap: 15px; align-items: center; border-radius: 10px; } .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail { width: 55%; } .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content { width: calc(45% - 15px); } .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content .ep_nft_price.ep_nft_last_sale { margin-bottom: 15px; } .ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_thumbnail svg { border-radius: 10px; } .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail img { height: 260px; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_button a { border-radius: 10px; width: 100%; display: flex; align-items: center; justify-content: center; } .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-grid.ep-preset-2 .ep_nft_content .ep_nft_price:last-child { margin-bottom: 15px; } .alignleft .ose-opensea, .alignright .ose-opensea, .aligncenter .ose-opensea { max-width: calc(100% - 40px) !important; } .embedpress-gutenberg-wrapper.alignright, .embedpress-gutenberg-wrapper.alignleft { width: 100%; } .embedpress-gutenberg-wrapper.alignright .ep-embed-content-wraper>div { float: right; } .embedpress-gutenberg-wrapper.aligncenter.ep-content-share-enabled .ep-embed-content-wraper { justify-content: center; } .embedpress-gutenberg-wrapper.alignright.ep-content-share-enabled .ep-embed-content-wraper { justify-content: right; } .embedpress-gutenberg-wrapper.alignleft.ep-content-share-enabled .ep-embed-content-wraper { justify-content: left; } .embedpress-gutenberg-wrapper.aligncenter { text-align: center; clear: both; } .theme-twentytwentythree footer.wp-block-template-part { clear: both; } /* mimmikcssEnd */ @media all and (max-width: 1024px) { /* tabcssStart */ .ep_nft_content_wrap.ep_nft__wrapper, .ep_nft_content_wrap.ep_nft_list { grid-template-columns: repeat(3, 1fr) !important; } .alignleft .ose-opensea, .alignright .ose-opensea, .aligncenter .ose-opensea { max-width: 100% !important; } /* tabcssEnd */ } @media all and (max-width: 991px) { /* tabcssStart */ .ose-opensea { min-width: 100% !important; max-width: calc(100% - 40px) !important; } .ep_nft_content_wrap.ep_nft__wrapper, .ep_nft_content_wrap.ep_nft_list { grid-template-columns: repeat(2, 1fr) !important; } /* tabcssEnd */ } @media all and (max-width: 767px) { /* mobcssStart */ .ep_nft_content_wrap.ep_nft__wrapper, .ep_nft_content_wrap.ep_nft_list { grid-template-columns: repeat(1, 1fr) !important; } /* mobcssEnd */ } /* NFT Single item CSS */ .ep-nft-single-item-wraper.ep_nft_content_wrap .ep_nft_item { box-shadow: none; } .ep-nft-rank-wraper { margin-bottom: 16px; font-weight: 600; color: #333; font-size: 16px; } .ep-nft-rank-wraper.ep-empty-label span { margin-left: 0px; } span.ep-nft-rank { padding: 2px 8px; border-radius: 7px; margin-left: 10px; display: inline-block; font-size: 14px; font-weight: 600; background: transparent !important; border: 1px solid #ddd; color: #333; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content { width: calc(55% - 15px); } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail { width: 45%; height: 100%; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail img { height: 100%; } .ep-nft-single-item-wraper span.eb_nft_label { color: #333; /* margin-bottom: -10px; */ } .ep-nft-single-item-wraper .ep_nft_content .ep_nft_price { display: flex; flex-direction: column; margin-right: 45px; } .ep-nft-single-item-wraper span.eb_nft_price { font-size: 30px; line-height: normal; } .ep-nft-single-item-wraper .ep_nft_content .ep_nft_creator img { height: 15px; width: 15px; border-radius: 50%; } .ep-nft-single-item-wraper .ep-usd-price { bottom: 0; font-size: 12px; } .ep-nft-single-item-wraper span.eb_nft_label { /* margin-bottom: -14px; */ font-size: 15px; } .ep-nft-single-item-wraper .ep_nft_content .ep_nft_title { margin-bottom: 10px; font-size: 24px; } .ep-nft-single-item-wraper .CollectionLink--name svg { width: 20px; height: 20px; margin-left: 5px; } .ep-nft-single-item-wraper a.CollectionLink--link { font-size: 15px; font-weight: 500; text-decoration: none; margin-bottom: 15px; display: block; color: #3080E2; } .ep-nft-single-item-wraper sub.verified-icon { bottom: -5px; left: 4px; } /* toggle */ .ep-nft-single-item-wraper .ep-accordion { border: 1px solid #ddd; border-radius: 10px; margin-top: 15px; display: block; } .ep-nft-single-item-wraper .ep-toggle { display: none; } .ep-nft-single-item-wraper .ep-option { position: relative; } .ep-nft-single-item-wraper .ep-content { padding: 1em; border-top: 1px solid #ddd; } .ep-nft-single-item-wraper .ep-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s; } .ep-nft-single-item-wraper .ep-title { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s; padding: 1em; display: flex; color: #333; font-weight: bold; cursor: pointer; border-radius: 10px 10px 0 0; align-items: center; } .ep-nft-single-item-wraper label.ep-title svg { width: 20px; height: 20px; margin-right: 6px; } .ep-nft-single-item-wraper .ep-asset-detail-item { display: flex; justify-content: space-between; font-weight: 500; } .ep-nft-single-item-wraper .ep-asset-detail-item span { word-break: break-word; max-width: 75%; } .ep-nft-single-item-wraper .ep-content { display: block; } .ep-nft-single-item-wraper .ep-content p { margin: 0; padding: 0.5em 1em 1em; font-size: 0.9em; line-height: 1.5; } .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title+.ep-content { display: none; background: transparent; } .ep-nft-single-item-wraper .ep_nft_content .ep_nft_price_wrapper { display: flex; } .ep-nft-single-item-wraper .ep-toggle+.ep-title:after { content: ""; display: inline-block; position: absolute; width: 12px; height: 12px; background: transparent; text-indent: -9999px; border-top: 2px solid #bfbfbf; border-left: 2px solid #bfbfbf; transition: all 250ms ease-in-out; text-decoration: none; color: transparent; right: 15px; top: 50%; transform: rotate(45deg) translate(-20%, -5%); } .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:before { content: ""; display: inline-block; position: absolute; width: 12px; height: 12px; background: transparent; text-indent: -9999px; border-top: 2px solid #bfbfbf; border-left: 2px solid #bfbfbf; transition: all 250ms ease-in-out; text-decoration: none; color: transparent; right: 15px; top: 50%; transform: rotate(225deg) translate(80%, 20%); } .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:after { display: none; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_button span.ep-nft-rank { pointer-events: none; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-nft-single-item-wraper.ep-grid .ep_nft_content { margin-bottom: 20px; } .elementor-widget-embedpres_elementor .ep-nft-gallery-wrapper .ep-loadmore-wrapper button, .embedpress-gutenberg-wrapper .ep-nft-gallery-wrapper .ep-loadmore-wrapper button { display: none; } @media screen and (max-width: 1024px) { .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper, .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list { grid-template-columns: repeat(1, 1fr) !important; } } @media screen and (max-width: 991px) { .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper, .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list { grid-template-columns: repeat(1, 1fr) !important; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item { align-items: unset; flex-direction: column; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail { width: 100%; } .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content { width: 100%; } } @media screen and (max-width: 537px) { .ep-nft-single-item-wraper sub.ep-usd-price { margin-bottom: 15px; display: block; } .ose-google-drive iframe { height: 250px !important; } .ose-nrk-radio iframe { height: 400px !important; } } .emebedpress-unit-percent iframe { width: 100% !important; } /* Locked content form */ .password-form-container { width: 350px; text-align: center; padding: 30px; border-radius: 10px; box-shadow: 0px 0px 10px #f4eded; background-color: #f9f9ff; max-width: 100%; margin: auto; } .password-form-container h2 { font-size: 22px; margin-bottom: 15px; font-family: system-ui; } .password-form-container p { font-size: 12px; font-family: sans-serif; line-height: 1.4em; margin-bottom: 15px; } form.password-form { margin-bottom: 2px; } .password-form-container input[type="password"] { padding: 10px; border-radius: 5px; width: 100%; margin-bottom: 12px; font-size: 20px; color: #6354a5; outline: none; border: 1px solid #ddd; outline: 0; padding-left: 50px; font-family: sans-serif; height: 42px; } .password-form-container input[type="password"]::placeholder { color: #e0d1d1; font-size: 14px; } .password-field { position: relative; } .password-field span { position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; height: 42px; width: 40px; background: #DED7FC; border-radius: 4px; } .password-field svg { width: 22px; } .password-form-container input[type="submit"] { padding: 12px 20px; background-color: #6354a5; color: #fff; border: none; border-radius: 5px; font-size: 14px; cursor: pointer; font-family: sans-serif; transition: background-color 0.3s ease, box-shadow 0.3s ease; font-weight: initial; white-space: normal; word-break: break-all; min-height: 42px; } .password-form-container button:hover { background-color: #0062cc; box-shadow: 0px 0px 10px #007bff; } .password-form-container .error-message { color: #ff0000; margin-top: 20px; font-size: 12px; line-height: 1.4em; } .password-form-container .error-message.hidden { display: none; } p.need-access-message { margin-bottom: 2px; margin-top: 13px; } .wp-block-embed__wrapper { display: inline-block; width: 100%; max-width: 100% !important; } .wp-block-embed__wrapper.position-right-wraper, .wp-block-embed__wrapper.position-right-wraper { max-width: calc(100% - 40px) !important; } .ep-elementor-content { position: relative; display: inline-block; max-width: 100%; } .ep-elementor-content.source-opensea { display: block; } /* social share css */ .wp-block-embedpress-embedpress>div, .ep-gutenberg-content { position: relative; clear: both; } .gutenberg-pdf-wraper { position: relative; width: 100%; } .wp-block-embedpress-embedpress-pdf.aligncenter .main-content-wraper { justify-content: center; } .wp-block-embedpress-embedpress-pdf.alignleft .main-content-wraper { justify-content: left; } .wp-block-embedpress-embedpress-pdf.alignright .main-content-wraper { justify-content: right; } .presentationModeEnabledIosDevice { position: fixed; left: 0; top: 0; border: 0; height: 100% !important; width: 100% !important; z-index: 999999; min-width: 100% !important; min-height: 100% !important; } .ep-embed-content-wraper { width: 100%; } .embedpress-gutenberg-wrapper.popup_button, .embedpress-elements-wrapper.popup_button { display: none !important; } .elementor-element-edit-mode .embedpress-elements-wrapper.popup_button { display: block !important; } .ep-content-share-enabled .ep-embed-content-wraper { display: flex !important; } .ep-content-share-enabled .ep-embed-content-wraper.hidden { display: none !important; } .ep-share-position-right .ep-embed-content-wraper { flex-direction: row; } .ep-content-share-enabled .ep-embed-content-wraper>div:first-child { width: 100%; } .ep-share-position-left .ep-embed-content-wraper { flex-direction: row-reverse; } .ep-share-position-bottom .ep-embed-content-wraper { flex-direction: column; } .ep-share-position-top .ep-embed-content-wraper { flex-direction: column-reverse; } .ep-fixed-width .gutenberg-pdf-wraper { display: inline-block; } .ep-percentage-width .embedpress-inner-iframe { width: 100%; } /* social share css */ .ep-social-share { display: flex; align-items: center; } .ep-social-share.share-position-right { right: -40px; top: 0; flex-direction: column; } .ep-social-share.share-position-left { left: 0px; top: 0; flex-direction: column; } .ep-social-share.share-position-bottom, .ep-social-share.share-position-top { justify-content: center; } .embedpress-gutenberg-wrapper .ep-social-share.share-position-left, .ep-elementor-content .ep-social-share.share-position-left { left: -40px; } .ep-social-icon { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin: 0; color: #fff; text-decoration: none; font-size: 20px; } .ep-social-icon:hover { opacity: 0.8; } .ep-social-share svg { width: 20px; height: auto; } a.ep-social-icon.pinterest svg { height: 25px; } .ep-social-share .facebook { background-color: #3b5998; } .ep-social-share .facebook svg { width: 40px; } .ep-social-share .twitter { background-color: #000000; } a.ep-social-icon.twitter:focus-visible { box-shadow: none; border: none; outline: none; } .ep-social-share .pinterest { background-color: #bd081c; } .ep-social-share .linkedin { background-color: #0077b5; } .ep-social-share .instagram { background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4); } .ep-social-share .reddit { background-color: #ff4500; } .ep-social-icon i { margin-right: 0; } .ep-content-locked .watermark { display: none !important; } .ep-content-protection-enabled .watermark { display: none !important; } .embedpress-pro-control.not-active { pointer-events: none; } .pro__alert__wrap .pro__alert__card h2 { font-size: 22px; font-weight: 600; color: #131f4d; margin-bottom: 8px; } .pro__alert__wrap .pro__alert__card p { font-size: 14px; font-weight: 400; color: #7c8db5; margin-top: 0; margin-bottom: 20px; } .pro__alert__wrap .pro__alert__card p a { text-decoration: underline; font-weight: 700; color: #131f4d; } .pro__alert__icon { width: 72px; height: 72px; border-radius: 50%; background: #f0edf9; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } .pro__alert__btn { display: inline-block; background: #5b4e96; color: #fff !important; padding: 12px 32px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none !important; transition: background 0.2s; } .pro__alert__btn:hover { background: #4a3f7e; color: #fff !important; } .pro__alert__close { background: none !important; border: none !important; color: #7c8db5 !important; font-size: 13px; cursor: pointer; margin-top: 12px; text-decoration: none !important; padding: 5px 10px !important; } .pro__alert__close:hover { color: #131f4d !important; } .emebedpress-unit-percent, .ep-elementor-content.ep-percentage-width { width: 100%; } /* Documents viewer style */ [data-theme-mode='dark'] { --viewer-primary-color: #343434; --viewer-icons-hover-bgcolor: #453838; } [data-theme-mode='light'] { --viewer-primary-color: #f2f2f6; --viewer-icons-color: #343434; --viewer-icons-hover-bgcolor: #e5e1e9; } @media (prefers-color-scheme: dark) { :root { --viewer-primary-color: #343434; --viewer-icons-color: #f2f2f6; --viewer-icons-hover-bgcolor: #453838; } } @media (prefers-color-scheme: light) { :root { --viewer-primary-color: #f2f2f6; --viewer-icons-color: #343434; --viewer-icons-hover-bgcolor: #e5e1e9; } } .ep-file-download-option-masked::after, .ep-external-doc-icons { background: var(--viewer-primary-color); } .ep-external-doc-icons svg path { fill: var(--viewer-icons-color); } .ep-doc-draw-icon svg path { fill: var(--viewer-primary-color); stroke: var(--viewer-icons-color); } .ep-external-doc-icons svg:hover svg path { fill: var(--viewer-icons-color); stroke: var(--viewer-icons-color); } .ep-external-doc-icons svg:hover { background-color: var(--viewer-icons-hover-bgcolor); } .ep-file-download-option-masked { position: relative; } .ep-file-download-option-masked { position: relative; width: 100%; height: 100%; overflow: hidden; } .ep-file-download-option-masked .overlay { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 15px); height: calc(100% - 45px); background-color: rgb(66 23 23 / 0%); pointer-events: unset; z-index: 1; user-select: none; max-width: 800px; margin: 0 auto; } .ep-file-download-option-masked.ep-file-xls .overlay { height: calc(100% - 78px); } .ep-file-download-option-masked iframe { width: 100%; height: 100%; pointer-events: auto; } .wp-block-embedpress-document.embedpress-document-embed iframe { border: none !important; box-shadow: none !important; } .ep-file-download-option-masked.enabled-text-copy { pointer-events: all; } .embed-download-disabled { width: 200px; height: 22px; background: #444444; position: absolute; right: 2px; bottom: 8px; opacity: 0; pointer-events: none; } .cui-toolbar-button-right { display: none !important; } .ndfHFb-c4YZDc-Wrql6b { display: none; } .ep-external-doc-icons { position: absolute; display: flex; flex-direction: revert; background: var(--viewer-primary-color); border-radius: 6px; z-index: 2; bottom: -18px; left: 50%; transform: translate(-50%, -50%); padding: 0 10px; } .ep-external-doc-icons svg { width: 22px; height: 22px; cursor: pointer; transition: 0.3s; padding: 5px; border-radius: 4px; } .block-editor-block-list__block .ep-gutenberg-file-doc .ep-external-doc-icons svg { width: 22px; height: 22px; } .block-editor-block-list__block .ep-gutenberg-file-doc .ep-doc-download-icon svg, .block-editor-block-list__block .ep-gutenberg-file-doc .ep-doc-fullscreen-icon svg { width: 20px !important; } .ep-doc-minimize-icon svg, .ep-doc-fullscreen-icon svg { padding: 6px; } .ep-external-doc-icons svg:hover { border-radius: 4px; } .ep-doc-draw-icon.active svg { background: var(--viewer-icons-hover-bgcolor); } .ep-doc-download-icon, .ep-doc-print-icon, .ep-doc-fullscreen-icon, .ep-doc-popup-icon, .ep-doc-draw-icon, .ep-doc-minimize-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; /* background: var(--viewer-primary-color); */ } .ep-file-download-option-masked.fullscreen-enabled iframe, .elementor .elementor-element.elementor-element .embedpress-document-embed .fullscreen-enabled iframe, .embedpress-document-embed .fullscreen-enabled iframe { width: 100% !important; height: 100% !important; } .ep-file-download-option-masked.fullscreen-enabled { overflow: visible; } .ep-file-download-option-masked.fullscreen-enabled .embed-download-disabled { display: none; } .ep-file-download-option-masked.fullscreen-enabled::after { display: block; } .embedpress-document-embed { position: relative; } .position-right-wraper .main-content-wraper, .position-left-wraper .main-content-wraper { display: flex; } .position-left-wraper .main-content-wraper { display: flex; flex-direction: row-reverse; } .position-top-wraper .main-content-wraper { display: flex; flex-direction: column-reverse; justify-content: center; } .position-bottom-wraper .main-content-wraper { justify-content: center; } /* .embedpress-document-embed .ep-social-share { position: absolute; } .embedpress-document-embed .ep-social-share.share-position-top { position: static; } */ .ep-file-download-option-masked.ep-file-link.fullscreen-enabled iframe { margin-left: 22%; } .ep-file-download-option-masked::after { position: absolute; width: 100%; height: 30px; background: var(--viewer-primary-color); z-index: 1; bottom: 0; content: ''; left: 0; pointer-events: none; } .ep-file-download-option-masked.ep-file-docx::after { bottom: 0; } .ep-file-download-option-masked.ep-file-docx.ep-powered-by-enabled::after { bottom: 0px; background: white; height: 22px; } .ep-file-download-option-masked.ep-file-docx.ep-powered-by-enabled.fullscreen-enabled::after { bottom: 0; } canvas.ep-doc-canvas { position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; top: 0; clear: both; margin: auto; display: none; } /* .ep-file-download-option-masked::after, .ep-file-download-option-masked iframe { pointer-events: none; user-select: none; opacity: 0; } */ /* custom player css */ :root { /* --plyr-color-main: #3700ff85; */ --plyr-control-icon-size: 15px; --plyr-range-track-height: 3px; --plyr-range-thumb-height: 10px; } .plyr--audio .plyr--full-ui input[type=range] { color: red !important; } .ep-embed-content-wraper input[type=range]::-webkit-slider-runnable-track { box-shadow: none; } .ep-embed-content-wraper input[type=range]::-moz-range-track { box-shadow: none; } a.plyr__controls__item.plyr__control { border-radius: inherit; color: inherit !important; } .plyr-initialized button:focus { background-color: var(--plyr-color-main); } .custom-player-preset-1 .plyr__controls { background: var(--plyr-color-main) !important; padding: 0 !important; } .custom-player-preset-1 button.plyr__control { border-radius: 0; } .custom-player-preset-1 a.plyr__controls__item.plyr__control { border-radius: inherit; } .custom-player-preset-1 button.plyr__control.plyr__control--overlaid[data-plyr="play"], .custom-player-preset-2 button.plyr__control.plyr__control--overlaid[data-plyr="play"] { width: 100px !important; text-align: center; display: flex; align-items: center !important; justify-content: center; height: 60px; } .custom-player-preset-1 button.plyr__control.plyr__control--overlaid[data-plyr="play"] svg, .custom-player-preset-2 button.plyr__control.plyr__control--overlaid[data-plyr="play"] svg { width: 22px; height: 22px; } .custom-player-preset-1 .plyr__control:focus { border: none; } .custom-player-preset-2 a.plyr__controls__item.plyr__control, .custom-player-preset-2 button.plyr__control.plyr__control--overlaid[data-plyr="play"], .preset-default a.plyr__controls__item.plyr__control { border-radius: 4px; } .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { color: var(--plyr-audio-control-color-hover, #fff) !important; } .custom-player-preset-3 .plyr__controls, .custom-player-preset-4 .plyr__controls { background: var(--plyr-color-main) !important; padding: 0 !important; } .custom-player-preset-4 button.plyr__control.plyr__control--overlaid { display: none !important; } /* Progress bar visibility — Plyr's default `--plyr-range-fill-background` resolves to `--plyr-color-main`, which we also paint as the controls-bar background on most presets. That makes the played-fill invisible against the bar (same color on same color). Force the played-fill to white and bump the buffered-track contrast so the progress bar stays readable on every preset/color combo. Site owners can override via the same CSS vars. */ .ep-embed-content-wraper[data-playerid] { --plyr-range-fill-background: #ffffff; --plyr-video-progress-buffered-background: rgba(255, 255, 255, 0.35); } /* Overite plyr css */ figure .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: inherit !important; } .plyr { background-color: black; } .plyr--fullscreen-fallback { width: 100% !important; max-height: 100vh !important; height: 100% !important; } .pip-mode { position: fixed !important; width: 320px !important; height: 180px !important; top: calc(100% - 200px) !important; left: calc(100% - 340px) !important; z-index: 9999; border-radius: 15px !important; } .plyr [data-plyr="pip"] { display: block !important; } .pip-mode .plyr__video-wrapper { pointer-events: none; } .pip-mode .pip-play { display: none; } .pip-mode .pip-play, .pip-mode .pip-pause { opacity: 0 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #0000004a; z-index: 1; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50px; cursor: pointer; } .pip-mode .pip-close { opacity: 0; position: absolute; right: 10px; top: 10px; background: #0000004a; z-index: 1; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50px; cursor: pointer; } .pip-mode:hover .pip-play, .pip-mode:hover .pip-close, .pip-mode:hover .pip-pause { opacity: 1 !important; } .pip-mode .overlay-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pip-mode iframe { pointer-events: none !important; } /* Frontend-only fade-in: opacity:0 is set inline by save.js so the Gutenberg editor (which renders via edit.js without the inline style) stays visible while toggling Custom Player on/off. initplyr.js sets opacity:1 once Plyr finishes initialising; the helper.js editor path also adds .plyr-initialized as a CSS-driven safety net. */ [data-playerid].plyr-initialized, [data-playerid].audio.plyr-initialized { opacity: 1; } .plyr--paused.plyr__poster-enabled .plyr__poster { display: block !important; opacity: 1; background-size: cover; } @media only screen and (max-width: 767px) { .plyr__controls [data-plyr="restart"], .plyr__controls [data-plyr="rewind"], .plyr__controls [data-plyr="fast-forward"], .plyr__controls [data-plyr="pip"] { display: none !important; } .plyr__video-wrapper iframe { max-height: 100% !important; } .plyr__controls .plyr__volume input[type=range] { max-width: 40px; min-width: 40px; } } /* Instagram profile info design */ /* Base styles for the profile header */ .profile-header { display: flex; align-items: center; padding: 16px; border-bottom: 1px solid #ddd; justify-content: center; gap: 30px; padding-bottom: 30px; } /* Styling for the container holding the tabs */ .posts-tab-options { text-align: center; margin: 0; } /* Styling for the tabs */ .posts-tab-options .tabs { list-style: none; padding: 0; margin: 0; display: inline-flex; border-radius: 5px; gap: 25px; padding: 0; } .posts-tab-options .tabs svg { width: 15px; height: 15px; } li[data-media-type="ALL"] svg { width: 12px; height: 12px; } .posts-tab-options .tabs li { margin-right: 15px; cursor: pointer; padding: 10px 0; text-transform: uppercase; font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 6px; } .posts-tab-options .tabs li:last-child { margin-right: 0; } /* Styling for the active tab */ .posts-tab-options .tabs li.active { /* border-top: 1px solid rgb(115,115,115); */ position: relative; color: rgb(115, 115, 115); } .posts-tab-options .tabs li svg { border-radius: 2px; } .posts-tab-options .tabs li.active svg { color: rgb(115, 115, 115); } .posts-tab-options .tabs li:hover, .posts-tab-options .tabs li:hover svg, .posts-tab-options .tabs li:hover .fill-color { color: rgb(115, 115, 115); } .posts-tab-options .tabs li:hover .fill-color, .posts-tab-options .tabs li.active .fill-color { fill: rgb(115, 115, 115) !important; } .posts-tab-options .tabs li.active::after { content: ''; position: absolute; top: -1px; height: 1px; width: 100%; background-color: rgb(115, 115, 115); left: 0; right: 0; } /* Styles for the profile image and change photo button */ .profile-image { margin-right: 16px; } .posts-count { margin-right: 15px; } .profile-image img { width: 120px; height: 120px !important; object-fit: cover; border-radius: 50% !important; border: 3px solid #037bff; } .change-photo-button { background-color: transparent; border: none; cursor: pointer; } .change-photo-image { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; } /* Styles for the profile username and edit profile button */ .username-section { display: flex; align-items: center; margin-bottom: 8px; } .profile-link { text-decoration: none; } .username { font-size: 18px; font-weight: bold; margin-right: 12px; } .edit-profile-link { text-decoration: none; color: #3897f0; font-weight: bold; } /* Styles for the profile stats */ .profile-stats { display: flex; margin-bottom: 8px; } .stats-list { list-style: none; margin: 0; padding: 0; display: flex; } .stats-list li { margin-right: 24px; font-size: 14px; } /* Styles for the profile bio */ .bio-section { margin-bottom: 12px; text-align: left; } section.profile-details div:last-child { margin: 0; } .bio { font-size: 14px; } a.edit-profile-link { padding: 8px 15px; background: #efefef; text-decoration: none !important; border-radius: 7px; color: #222; font-size: 12px; font-weight: 500; } span.count { font-weight: 600; } a.followers-link { text-decoration: none !important; } /* Hover effect for the edit profile button */ a.profile-link, a.profile-link h2 { font-size: 20px; text-decoration: none !important; margin: 0; margin-right: 15px; } /* Instagram feed layout design */ .embedpress-insta-container { overflow: hidden; position: relative; } .ose-instagram-feed { max-height: 100% !important; height: 100% !important; } .insta-grid .embedpress-insta-container .insta-gallery, .insta-justify .ose-instagram-feed .insta-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); /* Set 3 columns */ gap: 15px; grid-auto-flow: row; /* Ensure items flow in rows */ } .insta-carousel .embedpress-insta-container .insta-gallery { grid-auto-columns: calc(25% + 0px); gap: 0px; left: 0px; } .insta-masonry .embedpress-insta-container .insta-gallery { column-count: 3; gap: .5em; margin: auto; width: 100%; display: inherit; } .insta-grid .embedpress-insta-container .insta-gallery-item { position: relative; color: #fff; cursor: pointer; height: 350px; } .embedpress-insta-container .insta-gallery-item:hover { cursor: pointer; } .insta-masonry .embedpress-insta-container .insta-gallery .insta-gallery-item { height: auto; margin-bottom: .5em; } .insta-masonry .embedpress-insta-container .insta-gallery .insta-gallery-item video.insta-gallery-image { height: 550px; margin-bottom: -13px; } .embedpress-insta-container .insta-gallery-item .insta-gallery-item-info, .embedpress-insta-container .insta-gallery-item .insta-gallery-item-info { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: 0.3s; opacity: 0; visibility: hidden; } .insta-masonry .embedpress-insta-container .insta-gallery-item .insta-gallery-item-info { height: calc(100% + 4px); } .embedpress-insta-container .insta-gallery-item:hover .insta-gallery-item-info, .embedpress-insta-container .insta-gallery-item:hover .insta-gallery-item-info { opacity: 1; visibility: visible; } .embedpress-insta-container .insta-gallery-item-info ul { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; height: 100%; } .embedpress-insta-container .insta-gallery-item-info li { display: flex; align-items: center; font-size: 1.7rem; font-weight: 600; gap: 5px; } .embedpress-insta-container .insta-gallery-item-likes { margin-right: 2.2rem; } .embedpress-insta-container .insta-gallery-item-type { position: absolute; right: 1rem; top: 1rem; text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, .1); } .embedpress-insta-container .insta-gallery-image { width: 100%; height: 100%; object-fit: cover; min-height: 320px; } .insta-masonry .embedpress-insta-container .insta-gallery-image { margin-bottom: -13px; } .insta-gallery-item-info svg { width: 40px; height: 40px; } .insta-item-reaction-count { display: flex; } .insta-item-reaction-count .insta-gallery-item-likes, .insta-item-reaction-count .insta-gallery-item-comments { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 20px; font-weight: bold; color: #fff; } .insta-gallery-item-info .insta-item-reaction-count svg { width: 25px; height: 25px; } .insta-gallery-item-type svg { width: 25px; height: 25px; } .insta-gallery-item-type svg.insta-video-icon { width: 22px; height: 22px; } .cg-carousel__btns.hidden { display: none; } .cg-carousel__btns { top: 50%; transform: translateY(-50%); position: absolute; width: 100%; } .ep-embed-content-wraper.insta-carousel .cg-carousel__btns { top: calc(50% - 16px); } .ep-embed-content-wraper.insta-carousel .insta-gallery-item-permalink { display: flex; align-content: center; } .cg-carousel__btns button { background: #262323; border: 0; border-radius: 50px; width: 35px; height: 35px; display: inline-grid; align-items: center; justify-content: center; cursor: pointer; padding: 0; } button#js-carousel__prev-1 { position: absolute; left: 30px; /* top: 50%; transform: translateY(-50%); */ z-index: 1; padding: 8px 15px; } button#js-carousel__next-1 { position: absolute; right: 30px; /* top: 50%; transform: translateY(-50%); */ z-index: 1; padding: 8px 15px; } .embedpress-popup-block.embedpress-popup-img { position: relative; height: 100%; display: flex; background: #000; } .popup-carousel, .cg-carousel__track { height: 100%; } .popup-container .popup-carousel .cg-carousel__track { align-items: center; background-color: #000; } .popup-container .popup-carousel { background-color: #000; } button.js-carousel__prev-1 { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 1; } button.js-carousel__next-1 { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); z-index: 1; } .cg-carousel__btn svg { width: 16px; height: 16px; } .load-more-button-container, .load-more-button-container button { display: flex; align-items: center; justify-content: center; gap: 5px; } .load-more-button-container button { border-style: solid; border-top-width: 0; border-right-width: 0; border-left-width: 0; border-bottom-width: 0; color: #ffffff; border-color: #037bff; background-color: #037bff; padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; font-family: inherit; font-weight: inherit; line-height: 1em; cursor: pointer; border-radius: 5px; margin-top: 30px; } /* Popup design for instafeed */ .popup-container { display: flex; width: 100%; } /* Wrapper */ .popup-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); display: flex; justify-content: center; align-items: center; z-index: 99999; } /* Popup Container */ .popup { border-radius: 10px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; max-height: 90vh; max-width: 90vw; width: auto; background: #fff; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35); } .popup .popup-container { max-height: 90vh; overflow: hidden; } .popup-container .popup-md-9.white { max-height: 90vh; display: flex; align-items: center; justify-content: center; background: #000; } .popup-md-3.red { max-height: 90vh; overflow-y: auto; display: flex; flex-direction: column; } .embedpress-popup-img, .embedpress-popup-img img, .popup-carousel, .popup-carousel .cg-carousel__slide { max-height: 90vh; } .embedpress-popup-img img, img.popup-media-image, video.popup-media-image { max-height: 90vh; width: auto; height: auto; object-fit: contain; } /* .popup>div { height: calc(100% - 100px); } */ /* .popup-md-3.red { display: flex; align-items: center; } */ .popup-container .popup-md-9.white { width: 60%; overflow: hidden; } .popup-md-3.red { width: 40%; } /* Image Block */ .embedpress-popup-img img { width: 100%; height: auto; object-fit: contain; } video.popup-media-image { height: auto; max-width: 100%; width: 100%; max-height: 100vh; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } img.popup-media-image { height: auto; } /* Header */ .embedpress-popup-header, .embedpress-hashtag-header { display: flex; align-items: center; padding: 15px 10px; justify-content: space-between; border-bottom: 1px solid #f4e9e9; } .hashtag-container { border-bottom: 1px solid #f4e9e9; } .embedpress-hashtag-header { border: none; max-width: 350px; margin: auto; } .embedpress-hashtag-username { font-weight: bold; } .embedpress-popup-header-img img, .embedpress-hashtag-header-img img { border-radius: 50% !important; margin-right: 10px; width: 30px; height: 30px !important; object-fit: cover; border: 2px solid #037bff !important; } .embedpress-popup-header-img a, .embedpress-hashtag-header-img a { display: flex; align-items: center; justify-content: center; text-decoration: none !important; } .embedpress-popup-username { color: #005293; font-weight: bold; font-size: 15px; text-decoration: none !important; } img.embedpress-hashtag-round { border-radius: 50px !important; } .insta-followbtn a { text-decoration: none !important; padding: 6px 15px; background: #007bff; border-radius: 5px; color: #fff !important; font-size: 14px; font-weight: normal; border: 0; } /* Text */ .embedpress-popup-block.embedpress-popup-info { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; height: 100%; background-color: #fff; /* max-height: calc(100% - 67px); margin-top: 33px; */ } .embedpress-popup-text { font-size: 14px; font-weight: normal; overflow: hidden; letter-spacing: 0.04em; line-height: 1.8rem; padding: 10px; flex: auto; border-bottom: 1px solid #f4e9e9; text-align: left; max-height: calc(100vh - 235px); overflow: auto; word-break: normal; overflow-wrap: anywhere; } /* Stats */ .embedpress-popup-stats { display: flex; align-items: center; justify-content: space-between; padding: 16px 10px; } .embedpress-popup-stats .embedpress-inline { display: flex; align-items: center; gap: 5px; font-weight: bold; color: #000; cursor: pointer; position: relative; } .embedpress-popup-stats .embedpress-inline a { display: flex; align-items: center; gap: 6px; color: #000; text-decoration: none; font-weight: 400; } .embedpress-popup-stats .embedpress-inline a svg { width: 20px; height: 20px; } /* Share Buttons */ .embedpress-popup-share-buttons { padding: 10px; background-color: #fafafa; display: flex; align-items: center; } .embedpress-popup-share-buttons a { color: #007bff; } .embedpress-href.embedpress-popup-share { cursor: pointer; color: #ca379d; display: flex; align-items: center; gap: 6px; } .embedpress-popup-share-buttons { background: #f4f9ff; position: absolute; top: -50px; left: -55px; gap: 10px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; margin-bottom: -10px; transition: 0.3s; } .embedpress-popup-share-buttons.show { visibility: visible; opacity: 1; margin-bottom: 0; } .embedpress-popup-share-buttons::before { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #f4f9ff transparent transparent transparent; } .embedpress-popup-share-buttons::before { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #f4f9ff transparent transparent transparent; z-index: 1 !important; } .embedpress-popup-share-buttons::after { content: ""; position: absolute; bottom: -16.1px; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #e7eaef transparent transparent transparent; } .embedpress-popup-share-buttons span { color: #fff; font-size: 18px; display: flex; align-items: center; } .embedpress-popup-share-buttons span svg { width: 16px !important; height: 16px !important; } .embedpress-popup-share-buttons span.dashicons.dashicons-linkedin { color: #0077b5; } .embedpress-popup-share-buttons span.dashicons.dashicons-facebook { color: #1877F2; } .embedpress-popup-share-buttons span.dashicons.dashicons-pinterest { color: #E60023; } span.tag-wrapper a { font-weight: bold; text-decoration: none !important; } .embedpress-href.embedpress-popup-share svg { width: 20px; height: 20px; } .embedpress-popup-instagram-buttons svg { width: 18px !important; height: 20px !important; } .embedpress-popup-stats .embedpress-inline { transition: 0.3s; } .embedpress-popup-stats .embedpress-inline:hover svg, .embedpress-popup-stats .embedpress-inline a:hover, .embedpress-popup-stats .embedpress-inline:hover, .embedpress-href:hover svg .st0 { color: rgb(115, 115, 115) !important; /* stroke: rgb(115, 115, 115); */ } .embedpress-inline.embedpress-popup-instagram-buttons a:hover svg path { stroke: rgb(115, 115, 115); } .embedpress-inline.popup-like-button a:hover svg { color: rgb(115, 115, 115); fill: rgb(115, 115, 115); } .embedpress-href.embedpress-popup-share:hover svg { fill: rgb(115, 115, 115); } /* Date */ .date-post { padding: 10px; font-size: 12px; color: #8e8e8e; } div.popup-close { position: absolute; top: 50px; right: 50px; color: white; z-index: 15566555655; cursor: pointer; padding: 15px; background: #643535; border-radius: 50px; height: 10px; width: 10px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; cursor: pointer; } .load-spin { width: 100px; height: 100px; background-color: #f00; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loader { margin: auto; border: 5px solid #EAF0F6; border-radius: 50%; border-top: 5px solid #FF7A59; width: 30px; height: 30px; animation: spinner 4s linear infinite; } .sponsored-youtube-video { height: 100%; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media screen and (max-width: 1200px) { .popup-container .popup-md-9.white { width: 50%; } .popup-container .popup-md-3 { width: 50%; } } @media screen and (max-width: 991px) { .popup-container { flex-direction: column; overflow-y: auto; } .popup-container .popup-md-9.white { width: 100%; max-height: 55vh; } .popup-container .popup-md-3 { width: 100%; max-height: none; } .embedpress-popup-img img, img.popup-media-image, video.popup-media-image { max-height: 55vh; } .embedpress-popup-text { max-height: 300px; } } @media screen and (max-width: 768px) { .insta-grid .embedpress-insta-container .insta-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .popup { width: 94vw; max-width: 94vw; max-height: 94vh; border-radius: 14px; } .popup-container { width: 100%; max-height: 94vh; } .popup .popup-container { max-height: 94vh; } .popup-container .popup-md-9.white { width: 100%; max-height: 55vh; background: #000; } .embedpress-popup-img, .embedpress-popup-block.embedpress-popup-img { width: 100%; display: flex; align-items: center; justify-content: center; } .embedpress-popup-img img, img.popup-media-image, video.popup-media-image { width: 100%; max-width: 100%; max-height: 55vh; object-fit: contain; } .embedpress-popup-header, .embedpress-hashtag-header { padding: 12px 14px; } .embedpress-popup-text { max-height: 220px; padding: 12px 14px; line-height: 1.55; letter-spacing: 0.01em; } .embedpress-popup-stats { padding: 12px 14px; gap: 18px; } .embedpress-popup-stats .embedpress-inline a svg, .embedpress-popup-instagram-buttons svg { width: 22px !important; height: 22px !important; } div.popup-close { top: 12px; right: 12px; padding: 12px; background: rgba(0, 0, 0, 0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } } @media screen and (max-width: 420px) { .insta-grid .embedpress-insta-container .insta-gallery { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .profile-header { flex-direction: column; } .popup { max-width: 100vw; max-height: 100vh; width: 100%; height: 100%; border-radius: 0; top: 0; left: 0; transform: none; } .popup-container, .popup .popup-container { max-height: 100vh; height: 100%; } .popup-container .popup-md-9.white { max-height: 45vh; } .embedpress-popup-img img, img.popup-media-image, video.popup-media-image { max-height: 45vh; } .embedpress-popup-text { max-height: none; flex: 1 1 auto; } .insta-followbtn { display: none; } .embedpress-popup-share-buttons { left: auto; right: -10px; } } /* youtube channel css */ .ep-player-wrap .hide { display: none; } .ep-gdrp-content { background: #222; padding: 50px 30px; color: #fff; } .ep-gdrp-content a { color: #fff; } .ep-youtube__content__pagination { display: flex; justify-content: center; align-items: center; margin-top: 30px; gap: 10px; } .ep-loader-wrap { margin-top: 30px; display: flex; justify-content: center; } .ep-youtube__content__pagination .ep-prev, .ep-youtube__content__pagination .ep-next { cursor: pointer; border: 1px solid rgba(0, 0, 0, .1); border-radius: 30px; padding: 0 20px; height: 40px; transition: .3s; display: flex; align-items: center; } .ep-youtube__content__pagination .ep-prev:hover, .ep-youtube__content__pagination .ep-next:hover { background-color: #5B4E96; color: #fff; } .ep-youtube__content__pagination .ep-page-numbers { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .ep-youtube__content__pagination .ep-page-numbers>span { border: 1px solid rgba(0, 0, 0, .1); border-radius: 30px; display: inline-block; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; } .active__current_page { background: #5B4E96; color: #fff; } .ep-youtube__content__block .youtube__content__body .content__wrap:not(.youtube-carousel) { margin-top: 30px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } [data-source-id] .layout-list .ep-youtube__content__block .youtube__content__body .content__wrap { grid-template-columns: repeat(auto-fit, minmax(calc(100% - 30px), 1fr)) !important; } [data-youtube-channel-carousel].ep-youtube__content__block { position: relative } .ep-youtube__content__block .item { cursor: pointer; white-space: initial; } .ep-youtube__content__block .youtube-carousel .item { margin: 10px; } .ep-youtube__content__block .item:hover .thumb .play-icon { opacity: 1; top: 50%; } .ep-youtube__content__block .item:hover .thumb:after { opacity: .4; z-index: 0; } .ep-youtube__content__block .thumb { padding-top: 56.25%; margin-bottom: 5px; position: relative; background-color: #222; background-size: contain !important; border-radius: 12px; overflow: hidden; } figure .ep-youtube__content__block .thumb { background-color: #222 !important; } .ep-youtube__content__block .thumb:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; background: #000; opacity: 0; transition: opacity .3s ease; } .ep-youtube__content__block .thumb:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; background: #222; z-index: -1; } .ep-youtube__content__block .thumb img { width: 100%; height: 100%; object-fit: cover; } .ep-youtube__content__block .thumb .play-icon { width: 50px; height: auto; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease; z-index: 2; } .ep-youtube__content__block .thumb .play-icon img { width: 100; } .ep-youtube__content__block .body p { margin-bottom: 0; font-size: 15px; text-align: left; line-height: 1.5; font-weight: 400; } .ep-youtube__content__block.loading .ep-youtube__content__pagination { display: none; } .ep-youtube__content__block .ep-loader { display: none; } .ep-youtube__content__block.loading .ep-loader { display: block; } .ep-loader img { width: 20px; } .is_mobile_device { display: none !important; } .is_mobile_devic.ep-page-numbers { gap: 5px; } @media only screen and (max-width: 480px) { .is_desktop_device { display: none !important; } .ep-youtube__content__pagination .ep-page-numbers>span { width: 35px; height: 35px; } .ep-youtube__content__pagination .ep-prev, .ep-youtube__content__pagination .ep-next { height: 35px; } .is_mobile_device { display: flex !important; ; } .ep-youtube__content__pagination .ep-page-numbers { gap: 5px; } } /* Youtube Advance layout style */ .embedded-youtube-channel .ose-youtube { height: 100% !important; max-height: 100% !important; } .ep-embed-content-wraper.embedded-youtube-channel .ose-youtube, .ep-youtube-channel .ose-youtube { height: 100% !important; max-height: 100% !important; } .ose-youtube .channel-header { display: flex; align-items: center; padding: 20px; border-radius: 10px; } .ose-youtube .profile-picture { width: 120px; height: 120px; border-radius: 50%; margin-right: 20px; } .ose-youtube .channel-info { flex-grow: 1; text-align: left; } .ose-youtube .info-description { margin-bottom: 20px; } .ose-youtube .channel-name { font-size: 24px; margin: 0; } .ose-youtube .channel-details { margin: 5px 0; } .ose-youtube .more-info { text-decoration: none; } .ose-youtube .subscribe-button { background-color: red; border: none; padding: 10px 20px 10px 12px; border-radius: 30px; cursor: pointer; display: inline-flex; align-items: center; /* display: inline; */ text-decoration: none !important; color: white; font-weight: 600; } .ose-youtube .subscribe-button svg { height: 20px; width: 20px; margin-right: 5px; } .ose-youtube .subscribe-button:hover { background-color: #ff6868; } #videoPopup.video-popup { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.95); } .video-popup-content { position: absolute; left: 50%; top: calc(50% + 30px); transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; text-align: center; } .video-popup-inner-content { width: 100%; height: 100%; max-height: 90vh; overflow: auto !important; border: 1px solid #333; border-radius: 8px; background: #000; box-sizing: border-box; padding: 20px; } .video-popup-content iframe { width: 700px !important; height: 420px !important; max-width: 100%; max-height: 100%; } #videoPopup.video-popup .close { position: absolute; top: -25px; right: -30px; color: #fff; font-size: 35px; } #videoPopup.video-popup .close:hover, #videoPopup.video-popup .close:focus { color: #999; text-decoration: none; cursor: pointer; } #videoPopup.video-popup .popup-controls { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; pointer-events: none; /* Allow clicks to pass through to iframe */ } #videoPopup.video-popup .nav-icon { pointer-events: auto; /* Enable click events */ color: white; font-size: 50px; cursor: pointer; user-select: none; } #videoPopup.video-popup .prev-icon { position: absolute; left: -60%; top: 50%; transform: translate(0, -50%); padding: 10px; } #videoPopup.video-popup .next-icon { position: absolute; right: -60%; top: 50%; transform: translate(0, -50%); padding: 10px; } #videoDescription { color: #fff; font-size: 14px; } .youtube-video-description { font-family: Arial, sans-serif; margin: 0; padding: 0 20px; bottom: no; max-width: 700px; text-align: left; } .youtube-video-header h1 { font-size: 20px; margin: 0 0 10px 0; color: #fff; } .youtube-video-meta { font-size: 14px; color: #666; margin-bottom: 10px; } .youtube-video-meta span { margin-right: 10px; } .youtube-video-body { max-height: 200px; overflow: auto; } .youtube-video-body p { font-size: 15px; margin: 0 0 20px 0; color: #ddd; } .youtube-video-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 5px; } .youtube-video-link { font-size: 16px; color: #0073aa; text-decoration: none; } .youtube-video-link:hover { text-decoration: underline; } .youtube-video-stats { font-size: 14px; color: #666; display: flex; align-items: center; gap: 18px; } .youtube-video-stats svg { height: 12px; width: 14px; } .youtube-video-stats span { margin-right: 10px; display: flex; align-items: center; gap: 8px; color: #dad2d2; } .youtube-video-stats i { margin-right: 5px; } /* grid item description */ .youtube-body-content .description-container { display: flex; /* background-color: #ffffff; */ border-radius: 4px; max-width: 600px; text-align: left; margin-top: 10px; } .youtube-body-content.body { width: 100%; } .youtube-body-content .thumbnail { width: 30px; height: 30px; border-radius: 4px; margin-right: 10px; } .youtube-body-content .thumbnail img { border-radius: 50%; margin-right: 10px; width: 30px; height: 30px; } .youtube-body-content .details { display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 30px); } .youtube-body-content .title { font-size: 14px; font-weight: 500; color: #000000; margin-bottom: 4px; line-height: 1.4; } .youtube-body-content .channel, .youtube-body-content .views, .youtube-body-content .time { font-size: 14px; color: #606060; } .youtube-body-content .channel { margin-bottom: 4px; } /* Youtube List layout design */ .ep-player-wrap.layout-gallery .ep-first-video iframe { border-radius: 15px; } .ep-player-wrap.layout-list .ep-youtube__content__block .item { display: flex; width: 100%; gap: 20px; } .ep-player-wrap.layout-list .ep-youtube__content__block .thumb { padding-top: 20.25%; min-width: 250px; max-width: 300px; } /* Youtube Carousel Css */ [data-youtube-channel-carousel] .youtube-carousel-container { position: relative; width: 100%; overflow: hidden; } [data-youtube-channel-carousel] .youtube-carousel { display: flex; transition: transform 0.5s ease-in-out; } [data-youtube-channel-carousel] .youtube-carousel .item { min-width: calc(33.3333% - 20px); /* Adjust this value to show more or fewer items */ box-sizing: border-box; } [data-youtube-channel-carousel] button { position: absolute; top: 50%; transform: translateY(-50%); color: white; border: none; cursor: pointer; padding: 10px; box-shadow: none; background-color: #000000ba; width: 40px; height: 40px; display: flex; align-items: center; border-radius: 50%; justify-content: center; } [data-youtube-channel-carousel] button.preview { left: -100px; } .carousel-controls button.next { right: -100px; } /* full calender style overide */ .fc-list-table .fc-event, .fc-list-table .fc-event:hover { color: inherit !important; text-decoration: none !important; } .fc-list-table .fc-event, .fc-list-table .fc-event-dot { background-color: transparent !important; } .fc table.fc-list-table { table-layout: inherit !important; } .fc-list-table .fc-event { display: table-row !important; } @media screen and (max-width: 1400px) { .ose-youtube .video-popup-content iframe { height: 305px !important; } .ose-youtube .prev-icon { left: -50% } .ose-youtube .next-icon { right: -50% } } @media screen and (max-width: 1200px) { .ose-youtube .video-popup-content iframe { height: 305px !important; } .ose-youtube .prev-icon { left: -40% } .ose-youtube .next-icon { right: -40% } } @media screen and (max-width: 992px) { .ose-youtube .video-popup-content iframe { height: 305px !important; } .ose-youtube .prev-icon { left: -40% } .ose-youtube .next-icon { right: -40% } } @media screen and (max-width: 576px) { .ose-youtube .prev-icon { left: -26% } .ose-youtube .next-icon { right: -26% } } @media screen and (max-width: 580px) { .ose-youtube .prev-icon { left: -18%; } .ose-youtube .next-icon { right: -18%; } } .youtube-video-body { display: none; } .video-popup-content { width: 100%; max-width: 720px; margin: auto; } @media (max-width: 1024px) { .youtube-carousel .item { min-width: calc(50% - 20px) !important; /* Show 2 items */ } } @media (max-width: 768px) { .youtube-carousel .item { min-width: calc(100% - 20px) !important; /* Show 1 item */ } [data-youtube-channel-carousel] button.preview { left: 0 !important; } [data-youtube-channel-carousel] button.next { right: 0; } .video-popup-content { width: calc(100% - 40px); margin: auto; } .video-popup-content iframe { max-height: 300px; } #videoPopup.video-popup .close { top: -25px; transform: translate(0%, -50%); right: unset; } } @media (max-width: 580px) { .ep-first-video { margin-bottom: 20px; } .video-popup-content iframe { max-height: 220px; } .ep-player-wrap .ep-youtube__content__block .item { gap: 15px; } .ep-embed-content-wraper .ep-youtube__content__block .youtube__content__body .content__wrap { gap: 30px !important; } .ose-youtube .profile-picture { width: 80px; height: 80px; } .ose-youtube .channel-header { gap: 10px; align-items: start; padding: 0; } .description-container { margin-top: 0px; } .description-container p.description { display: none; } .ep-player-wrap.layout-list .ep-youtube__content__block .item { flex-direction: column; } .ep-player-wrap.layout-list .ep-youtube__content__block .thumb { min-width: 100%; min-height: 200px; } } .ep-google-photos-gallery-grid .ose-google-photos, .ep-google-photos-gallery-masonary .ose-google-photos, .ep-google-photos-gallery-justify .ose-google-photos { height: 100% !important; max-height: 100% !important; } .pa-carousel-widget.jx-carousel-widget, .pa-gallery-player-widget, .ose-google-photos { position: relative; } .pa-carousel-widget.jx-carousel-widget::after, .pa-gallery-player-widget::after { position: absolute; right: 0; left: 0; width: 100%; height: 60px; background: #fff; content: ''; top: 10px; background: transparent; } /* Google Photos Visit Button Styles */ /* .ep-google-photos-visit-btn { position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.7); color: white; border: none; border-radius: 4px; padding: 8px 12px; cursor: pointer; font-size: 12px; display: flex; align-items: center; gap: 4px; z-index: 1000; transition: background-color 0.2s; text-decoration: none; } */ .ep-google-photos-visit-btn:hover { background: rgba(0, 0, 0, 0.9); color: white; text-decoration: none; } .ep-google-photos-visit-btn svg { width: 16px; height: 16px; fill: currentColor; } /* Leons style */ /* Basic styling */ .photos-gallery-grid, .photos-gallery-masonry, .photos-gallery-justify { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; } .photos-gallery-grid .photo-item, .photos-gallery-masonary .photo-item { width: 100%; height: 200px; background-color: #f1efef; display: flex; justify-content: center; align-items: center; cursor: pointer; text-align: center; } /* masonary */ .photos-gallery-masonary { columns: 250px; gap: 3px; position: relative; width: 100%; } .photos-gallery-masonary .photo-item { width: 100%; height: auto; object-fit: cover; display: block; margin-bottom: 3px; cursor: pointer; } .photos-gallery-masonary .photo-item img { width: 100%; height: 100%; object-fit: cover; display: block; } /* grid */ .photos-gallery-grid { display: grid; gap: 3px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); position: relative; } .photos-gallery-grid .photo-item { border-radius: 10px; text-align: center; height: 280px; cursor: pointer; } .photos-gallery-grid .photo-item img { width: 100%; height: 100%; object-fit: cover; display: block; } /* justify */ /* .photos-gallery-justify { display: flex; flex-direction: row; flex-wrap: wrap; gap: 3px; } .photos-gallery-justify .photo-item { flex: 1 0 auto; width: auto; height: 250px; } .photos-gallery-justify .photo-item img { width: 100%; height: 100%; object-fit: cover; display: block; } */ .photos-gallery-justify { display: flex; flex-wrap: wrap; } .photos-gallery-justify .photo-item { cursor: pointer; height: auto; } .photos-gallery-justify .photo-item:hover { opacity: 0.9; } .photos-gallery-justify .photo-item img { user-select: none; width: 100%; vertical-align: middle; } .photos-gallery-justify::after { content: ""; flex-grow: 99999; min-width: calc(100vw / 4); } @media (max-width: 460px) { .photos-gallery-justify { flex-direction: column; } .photos-gallery-justify .photo-item { width: 100% !important; } } /* Popup styles */ .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); display: none; justify-content: center; align-items: center; z-index: 1000; transition: 0.5s ease; } .popup-overlay .popup { position: relative; max-width: 100%; max-height: 100%; width: 100%; height: 100%; background-color: transparent; display: flex !important; justify-content: center; align-items: center; color: black; } .popup-overlay .close-btn { position: absolute; top: 10px; right: 10px; color: white; font-size: 30px; cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #0a0a0a; border-radius: 50%; } .popup-overlay .prev-btn, .popup-overlay .next-btn { position: absolute; top: 50%; transform: translateY(-50%); font-size: 30px; background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; cursor: pointer; z-index: 10; opacity: 0; visibility: hidden; transition: 0.2s; display: flex; } .popup-overlay:hover .prev-btn, .popup-overlay:hover .next-btn { opacity: 1; visibility: visible; } .popup-overlay .prev-btn { left: 10px; } .popup-overlay .next-btn { right: 10px; } .popup-overlay img#popup-image { width: 100%; height: auto; max-height: 100vh; } .popup-overlay .prev-btn:hover, .popup-overlay .next-btn:hover { background-color: rgba(0, 0, 0, 0.8); } @media (max-width: 1024px) { .photos-gallery-grid .photo-item { width: 100%; height: 150px !important; } /* masonary */ .photos-gallery-masonary { columns: 200px !important; } /* grid */ .photos-gallery-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; } } .ose-codesandbox .embera-embed-responsive.embera-embed-responsive-rich.embera-embed-responsive-provider-codesandbox { width: 100%; height: 100%; } .ose-codesandbox .embera-embed-responsive.embera-embed-responsive-rich.embera-embed-responsive-provider-codesandbox iframe { width: 100%; height: 100%; } @media (max-width: 767px) { .popup-overlay .prev-btn, .popup-overlay .next-btn { font-size: 20px; padding: 5px; } } .getty div:last-child { padding: 0 !important; height: 100% !important; max-height: 100% !important; } /* .ose-google-docs-sheets, .ose-google-docs-slides, .ose-google-docs-forms, .ose-google-docs-document, .ose-google-drawings, .ose-google-maps, .ose-google-photos, .main-content-wraper { position: relative; width: 100%; overflow: hidden; display: flex; justify-content: center; max-width: fit-content!important; } */ /* Auto Resume Playback prompt */ .ep-embed-content-wraper { position: relative; } .ep-resume-prompt { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.65); display: flex; align-items: center; justify-content: center; z-index: 10; color: #fff; font-family: inherit; } .ep-resume-prompt__inner { background: rgba(20, 20, 20, 0.95); padding: 24px 28px; border-radius: 8px; text-align: center; max-width: 90%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .ep-resume-prompt__msg { margin: 0 0 16px; font-size: 16px; line-height: 1.4; } .ep-resume-prompt__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .ep-resume-prompt__btn { padding: 8px 16px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.4); background: transparent; color: #fff; font-size: 14px; cursor: pointer; transition: background 0.15s ease; } .ep-resume-prompt__btn:hover { background: rgba(255, 255, 255, 0.12); } .ep-resume-prompt__btn--primary { background: var(--plyr-color-main, #5b4e96); border-color: var(--plyr-color-main, #5b4e96); } .ep-resume-prompt__btn--primary:hover { filter: brightness(1.15); } /* Custom End Screen */ .ep-end-screen { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; z-index: 10; color: #fff; font-family: inherit; text-align: center; } .ep-end-screen__inner { padding: 24px 28px; max-width: 90%; } .ep-end-screen__msg { margin: 0 0 16px; font-size: 18px; line-height: 1.4; } .ep-end-screen__countdown { margin: 12px 0 0; font-size: 13px; opacity: 0.8; } .ep-end-screen__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 14px; } .ep-end-screen__btn, a.ep-end-screen__btn, a.ep-end-screen__btn:hover, a.ep-end-screen__btn:focus, a.ep-end-screen__btn:visited { display: inline-block; padding: 8px 16px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.4); background: transparent; color: #fff; font-size: 14px; cursor: pointer; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4); transition: background 0.15s ease; } .ep-end-screen__btn:hover { background: rgba(255, 255, 255, 0.12); color: #fff; } /* Primary CTA — match the `a.ep-end-screen__btn` specificity from above so * the modifier actually wins on background / border-color when rendered as * an . Without these `a.` selectors, theme-link rules + the base `a.` * selector list above out-specifies the modifier and the primary button * looks identical to the secondary Replay/Cancel buttons. */ .ep-end-screen__btn--primary, a.ep-end-screen__btn--primary, a.ep-end-screen__btn--primary:hover, a.ep-end-screen__btn--primary:focus, a.ep-end-screen__btn--primary:visited { background: var(--plyr-color-main, #5b4e96); border-color: var(--plyr-color-main, #5b4e96); color: #fff; margin-bottom: 4px; } .ep-end-screen__btn--primary:hover, a.ep-end-screen__btn--primary:hover { filter: brightness(1.15); background: var(--plyr-color-main, #5b4e96); } /* Advanced Privacy Mode click-to-load overlay */ .ep-embed-content-wraper.ep-privacy-pending iframe { visibility: hidden; } .ep-privacy-overlay { position: absolute; inset: 0; z-index: 11; background: #000 center/cover no-repeat; color: #fff; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 16px; } .ep-privacy-overlay--has-poster::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); } .ep-privacy-overlay__play, .ep-privacy-overlay__play:hover, .ep-privacy-overlay__play:focus, .ep-privacy-overlay__play:active { position: relative; background: transparent; border: 0; box-shadow: none; outline: none; padding: 0; cursor: pointer; line-height: 0; transition: transform 0.15s ease; } .ep-privacy-overlay__play:hover { transform: scale(1.06); background: transparent; } .ep-privacy-overlay__msg { position: relative; margin: 14px 0 0; font-size: 13px; line-height: 1.4; max-width: 480px; opacity: 0.95; } /* Timed CTA */ .ep-timed-cta-stack { position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%); z-index: 9; display: flex; flex-direction: column; gap: 8px; align-items: center; max-width: calc(100% - 32px); pointer-events: none; } .ep-timed-cta { position: relative; background: rgba(20, 20, 20, 0.92); color: #fff; border-radius: 6px; padding: 12px 40px 12px 16px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35); max-width: 100%; font-family: inherit; pointer-events: auto; animation: ep-timed-cta-in 0.25s ease-out; } @keyframes ep-timed-cta-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .ep-timed-cta__inner { display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; } .ep-timed-cta__headline { margin: 0; font-size: 14px; line-height: 1.35; } .ep-timed-cta__btn { display: inline-block; padding: 6px 14px; border-radius: 4px; background: var(--plyr-color-main, #5b4e96); color: #fff; font-size: 13px; text-decoration: none; transition: filter 0.15s ease; } .ep-timed-cta__btn:hover { color: #fff; filter: brightness(1.15); } .ep-timed-cta__close { position: absolute; top: 4px; right: 6px; background: transparent; border: 0; color: rgba(255, 255, 255, 0.7); font-size: 20px; line-height: 1; cursor: pointer; padding: 4px 8px; } .ep-timed-cta__close:hover { color: #fff; } /* Pro feature overlays (email capture, end screen, resume prompt, action lock, privacy mode, timed CTA, chapters) all use position:absolute;inset:0 and so need the wrapper to be a positioning context. Scope to wrappers that have the custom player attached so other embeds (PDF, audio, etc.) are unaffected. */ .ep-embed-content-wraper[data-playerid] { position: relative; } .ep-embed-content-wraper.ep-has-chapters { position: relative; } .ep-chapter-label { position: absolute; top: 12px; left: 12px; z-index: 8; background: rgba(0, 0, 0, 0.6); color: #fff; border: 0; border-radius: 4px; padding: 6px 10px; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; max-width: calc(100% - 24px); transition: opacity 0.2s ease; } .ep-chapter-label--hidden { opacity: 0; pointer-events: none; } .ep-chapter-label__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; } .ep-chapter-label__caret { font-size: 10px; opacity: 0.8; } .ep-chapter-list { position: absolute; top: 50px; left: 12px; z-index: 9; background: rgba(20, 20, 20, 0.95); color: #fff; border-radius: 6px; width: 280px; max-width: calc(100% - 24px); max-height: 60%; overflow-y: auto; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); display: none; } .ep-chapter-list--open { display: block; } .ep-chapter-list__item { width: 100%; background: transparent; border: 0; color: inherit; text-align: left; padding: 10px 14px; font-size: 13px; cursor: pointer; display: flex; gap: 10px; align-items: baseline; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .ep-chapter-list__item:last-child { border-bottom: 0; } .ep-chapter-list__item:hover { background: rgba(255, 255, 255, 0.08); } .ep-chapter-list__item--active { background: rgba(255, 255, 255, 0.12); } .ep-chapter-list__time { font-variant-numeric: tabular-nums; opacity: 0.7; flex-shrink: 0; min-width: 48px; } .ep-chapter-ticks { position: absolute; inset: 0; pointer-events: none; overflow: visible; } /* YouTube-style segmented progress bar (drawn by initplyr.js when chapters are configured). */ .plyr__progress.ep-chapters-split input[type="range"] { /* Make Plyr's native track invisible so our segments are the only visible bar. The input itself stays interactive (seek + thumb). */ color: transparent; background: transparent !important; } .plyr__progress.ep-chapters-split input[type="range"]::-webkit-slider-runnable-track { background: transparent !important; } .plyr__progress.ep-chapters-split input[type="range"]::-moz-range-track { background: transparent !important; } .plyr__progress.ep-chapters-split input[type="range"]::-moz-range-progress { background: transparent !important; } .plyr__progress.ep-chapters-split input[type="range"]::-ms-fill-lower { background: transparent !important; } .plyr__progress.ep-chapters-split input[type="range"]::-ms-fill-upper { background: transparent !important; } .plyr__progress.ep-chapters-split .plyr__progress__buffer { display: none; } .ep-chapter-bar { position: absolute; inset: 0; pointer-events: none; z-index: 1; } .ep-chapter-seg { position: absolute; top: 50%; transform: translateY(-50%); height: 5px; background: rgba(255, 255, 255, 0.28); border-radius: 2px; overflow: hidden; transition: height 0.12s ease-out, background 0.12s ease-out; } .ep-chapter-seg__fill { height: 100%; width: 0%; /* Prefer --plyr-range-fill-background (we override it to white at the wrapper level so the fill stays visible on every preset/color combo). Fall through to --plyr-color-main and a sane default. Without this order, sites that set a playerColor get a fill that exactly matches the purple controls-bar background — fill becomes invisible. */ background: var(--plyr-range-fill-background, var(--plyr-color-main, #5b4e96)); border-radius: 2px; } /* Grow all segments slightly when the user is interacting with the bar (YouTube does this — bar feels chunkier on hover). */ .plyr__progress:hover .ep-chapter-seg, .plyr__progress:focus-within .ep-chapter-seg { height: 8px; } /* The currently-hovered chapter brightens (no extra height — keeps the bar from looking taller than the volume slider). */ .ep-chapter-seg--hover { background: rgba(255, 255, 255, 0.5); } /* Chapter title appended inside Plyr's own seek tooltip on mousemove. Override Plyr's max-width:120px / nowrap so the title isn't clipped. */ .ep-embed-content-wraper.ep-has-chapters .plyr__progress .plyr__tooltip { max-width: 240px; white-space: normal; text-align: center; } .ep-chapter-tooltip-title { display: inline-block; margin-top: 2px; font-size: 11px; font-weight: 400; opacity: 0.85; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } /* Email Capture */ .ep-lead-form { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.85); z-index: 12; display: flex; align-items: center; justify-content: center; padding: 16px; color: #fff; font-family: inherit; } .ep-lead-form__inner { background: rgba(20, 20, 20, 0.97); border-radius: 8px; padding: 24px 28px; width: 100%; max-width: 380px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .ep-lead-form__headline { margin: 0 0 16px; font-size: 16px; line-height: 1.4; text-align: center; } .ep-lead-form__field { margin-bottom: 12px; text-align: left; } .ep-lead-form__label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.85); } .ep-lead-form .ep-lead-form__input, .ep-lead-form input.ep-lead-form__input { display: block; width: 100%; padding: 10px 12px; margin-bottom: 0; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 14px; box-sizing: border-box; -webkit-appearance: none; appearance: none; } .ep-lead-form .ep-lead-form__input::placeholder { color: rgba(255, 255, 255, 0.6); opacity: 1; } /* Gutenberg + Chrome autofill both repaint the input with their own light background (and dark text), which crushes the white placeholder we set above. Lock the colors so the placeholder stays visible in both. */ .ep-lead-form .ep-lead-form__input:-webkit-autofill, .ep-lead-form .ep-lead-form__input:-webkit-autofill:hover, .ep-lead-form .ep-lead-form__input:-webkit-autofill:focus { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.08) inset; caret-color: #fff; transition: background-color 9999s ease-in-out 0s; } .ep-lead-form__input:focus { outline: none; border-color: var(--plyr-color-main, #5b4e96); } .ep-lead-form__error { margin: 4px 0 12px; color: #ff6b6b; font-size: 13px; } .ep-lead-form__actions { display: flex; gap: 8px; margin-top: 14px; } .ep-lead-form__btn { flex: 1; padding: 10px 16px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); background: transparent; color: #fff; font-size: 14px; cursor: pointer; transition: filter 0.15s ease, background 0.15s ease; } .ep-lead-form__btn:hover { background: rgba(255, 255, 255, 0.12); } .ep-lead-form__btn--primary { background: var(--plyr-color-main, #5b4e96); border-color: var(--plyr-color-main, #5b4e96); } .ep-lead-form__btn--primary:hover { filter: brightness(1.15); } .ep-lead-form__btn[disabled] { opacity: 0.6; cursor: default; } /* Action Lock */ .ep-action-lock { position: absolute; inset: 0; z-index: 13; background: rgba(0, 0, 0, 0.92); color: #fff; display: flex; align-items: center; justify-content: center; padding: 16px; font-family: inherit; text-align: center; } .ep-action-lock__inner { max-width: 460px; width: 100%; } .ep-action-lock__headline { margin: 0 0 8px; font-size: 18px; font-weight: 600; line-height: 1.3; } .ep-action-lock__message { margin: 0 0 18px; font-size: 14px; line-height: 1.5; opacity: 0.85; } .ep-action-lock__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .ep-action-lock__btn { padding: 9px 18px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); background: transparent; color: #fff; font-size: 14px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: filter 0.15s ease, background 0.15s ease; } .ep-action-lock__btn:hover { background: rgba(255, 255, 255, 0.12); color: #fff; } .ep-action-lock__btn[disabled] { opacity: 0.6; cursor: default; } .ep-action-lock__btn--primary { background: var(--plyr-color-main, #5b4e96); border-color: var(--plyr-color-main, #5b4e96); } .ep-action-lock__btn--primary:hover { filter: brightness(1.15); } .ep-action-lock__btn--facebook { background: #1877f2; border-color: #1877f2; } .ep-action-lock__btn--twitter { background: #000; border-color: #000; } .ep-action-lock__btn--linkedin { background: #0a66c2; border-color: #0a66c2; } /* Country Restriction fallback */ .ep-country-restricted { background: #f5f5f7; border: 1px solid #e0e0e4; border-radius: 6px; padding: 32px 20px; text-align: center; color: #444; font-family: inherit; } .ep-country-restricted__inner p { margin: 0; font-size: 14px; line-height: 1.5; }@charset "UTF-8";.wp-block-embedpress-embedpress{margin:var(--ep-space-4) 0;position:relative}.wp-block-embedpress-embedpress .embedpress-embed-wrapper{position:relative}.wp-block-embedpress-embedpress .embedpress-embed-wrapper.responsive{max-width:100%;height:auto}.wp-block-embedpress-embedpress .embedpress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ep-space-8);background:var(--ep-gray-50);border:1px solid var(--ep-gray-200);border-radius:var(--ep-radius)}.wp-block-embedpress-embedpress .embedpress-loading .embedpress-spinner{width:2rem;height:2rem;border:2px solid var(--ep-gray-300);border-top:2px solid var(--ep-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--ep-space-2)}.wp-block-embedpress-embedpress .embedpress-loading p{margin:0;color:var(--ep-gray-600);font-size:var(--ep-text-sm)}.wp-block-embedpress-embedpress.provider-youtube .embedpress-embed-wrapper{background:#000}.wp-block-embedpress-embedpress.provider-vimeo .embedpress-embed-wrapper{background:#1ab7ea}.wp-block-embedpress-embedpress.provider-wistia .embedpress-embed-wrapper{background:#54bbff}.editor-styles-wrapper .wp-block-embedpress-embedpress .embedpress-provider-info{background:var(--ep-info-light);color:var(--ep-info);padding:var(--ep-space-2);border-radius:var(--ep-radius);font-size:var(--ep-text-sm);margin-bottom:var(--ep-space-3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.embedpress-gutenberg-wrapper{margin:30px auto}.embedpress-gutenberg-wrapper .ose-embedpress-responsive:not(.ose-youtube) iframe{max-width:100%!important;max-height:100%!important}.embedpress-gutenberg-wrapper.alignright{max-width:100%}.flexia-wrapper.flexia-container>.content-area .embedpress-gutenberg-wrapper{margin:0 auto}@media only screen and (min-width: 482px){.entry-content>.embedpress-gutenberg-wrapper.alignright,.entry-content>.embedpress-gutenberg-wrapper.alignleft,.embedpress-gutenberg-wrapper.alignright,.embedpress-gutenberg-wrapper.alignleft{max-width:100%}}.embedpress-gutenberg-wrapper .alignleft,.embedpress-gutenberg-wrapper .alignright,.embedpress-gutenberg-wrapper .aligncenter{float:none;display:block}.embedpress-gutenberg-wrapper .alignright{text-align:right;max-width:100%!important}.embedpress-gutenberg-wrapper .alignleft{text-align:left;max-width:100%!important}.embedpress-gutenberg-wrapper .aligncenter{clear:both;display:block;float:none;margin-right:auto;margin-left:auto;text-align:center}.wp-block-embedpress-embedpress.aligncenter{text-align:center}.embedpress-gutenberg-wrapper .ose-embedpress-responsive{display:inline-block}.embedpress-gutenberg-wrapper{max-width:100%!important}.gutenberg-block-wraper .ep-first-video{position:relative;height:0;padding-bottom:56.25%;border-radius:15px;overflow:hidden}.gutenberg-block-wraper .ep-first-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.embedpress-gutenberg-controls .components-base-control__label,.embedpress-gutenberg-controls .components-input-control__label,.embedpress-gutenberg-controls .components-base-control__field{font-weight:500}.sponsored-upload{margin-bottom:20px}label.components-truncate.components-text.components-input-control__label.em5sgkm4.ecfd-bd--d-eecc-1iznhho.em57xhy0{font-weight:600!important}.text-center{text-align:center!important}.wp-block-embed.is-loading{align-items:center}.css-vwt1e3{margin:0 11px!important}.ep-youtube__content__pagination .ep-prev,.ep-youtube__content__pagination .ep-next{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.wp-block-embed.is-loading p{margin:0!important}.wp-block-embed.is-loading svg{margin-top:0}.ose-opensea{height:100%!important;width:100%!important;min-width:900px}.alignleft .ose-opensea,.alignright .ose-opensea,.aligncenter .ose-opensea{min-width:900px;max-width:860px!important}.aligncenter .ose-opensea{margin:0 auto;display:block!important}.wp-block[data-align=right]{float:right}.wp-block[data-align=left]{float:left}.ep_nft_content_wrap.ep_nft__wrapper{display:grid}.ep_nft_content_wrap.ep_nft__wrapper,.ep_nft_content_wrap.ep_nft_list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-column-gap:15px;grid-row-gap:15px}.ep_nft_content_wrap .ep_nft_item{background-color:#fff;border-radius:10px;transition:background .5s,border .5s,border-radius .5s,box-shadow .5s;box-shadow:0 4px 15px #00000017;overflow:hidden;padding:15px;position:relative;transition:.3s ease-in-out}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-grid .ep_nft_item{display:flex;flex-direction:column}.ep_nft_content_wrap.ep_nft_list .ep_nft_item{justify-content:flex-start;align-items:flex-start}.ep_nft_content_wrap.ep_nft__wrapper.preset-3 .ep_nft_item .ep_nft_content{background-color:#edecf6e6}.ep_nft_content_wrap .ep_nft_thumbnail{margin:0 0 15px;border-radius:5px}.ep_nft_content_wrap .ep_nft_thumbnail img{height:340px;border-radius:10px;width:100%;object-fit:cover}.ep_nft_content .ep_nft_title{color:#333;font-size:16px;margin:0 0 15px;font-weight:600}.ep_nft_content{text-align:left}.ep_nft_content .ep_nft_price{color:#333;font-size:14px;margin:0;display:flex;font-weight:600}.ep_nft_content .ep_nft_price:first-child{margin-bottom:10px}span.eb_nft_currency{max-width:28px;display:flex;align-items:center;justify-content:center}span.eb_nft_currency svg{width:100%;height:auto}.ep_nft_content .ep_nft_price_wrapper{min-height:20px}.ep_nft_content .ep_nft_creator{color:#333;font-size:14px;margin:0 0 20px;display:flex;align-items:center;gap:5px}.ep_nft_content .ep_nft_creator a{color:#3080e2;font-size:14px;text-decoration:none;word-break:break-all}.ep_nft_content .ep_nft_creator img{height:30px;width:30px;border-radius:50%}.ep_nft_content .ep_nft_button button{margin:0}.ep_nft_content .ep_nft_button button a{background-color:#3080e2;color:#fff;font-size:14px;padding:15px 20px;transition:border .5s,border-radius .5s,box-shadow .5s}.ep_nft_content .ep_nft_button button:hover a{background-color:#2e8eee;color:#fff}.ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button a.ep-details-btn:hover{background-color:#2e8eee;color:#fff}.ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item:hover .ep_nft_button{opacity:1;transform:translate(0);visibility:visible}.ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item .ep_nft_button{bottom:0;left:0;opacity:0;position:absolute;transform:translateY(30px);visibility:hidden;width:100%;transition:.3s}.ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button{margin-top:auto}.ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button a{background-color:#3080e2;color:#fff;font-size:14px;padding:10px 20px;transition:border .5s,border-radius .5s,box-shadow .5s;display:block;text-align:center;font-weight:500;text-decoration:none}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item{display:flex;gap:15px;align-items:center;border-radius:10px}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail{width:55%}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content{width:calc(45% - 15px)}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content .ep_nft_price.ep_nft_last_sale{margin-bottom:15px}.ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_thumbnail svg{border-radius:10px}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail img{height:260px}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_button a,.ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_button a{border-radius:10px}.ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item .ep_nft_button a{border-radius:0}.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-grid.ep-preset-2 .ep_nft_content .ep_nft_price:last-child{margin-bottom:15px}.ose-opensea{min-width:100%!important;max-width:calc(100% - 40px)!important}.ep-loadmore-wrapper{margin-top:30px;text-align:center}.ep-loadmore-wrapper button{border-style:solid;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;color:#fff;border-color:#0170b9;background-color:#0170b9;border-radius:2px;padding:15px 30px;font-family:inherit;font-weight:inherit;line-height:1;display:flex;align-items:center;justify-content:center;margin:auto;cursor:pointer}.ep-loadmore-wrapper button svg{margin-left:5px}@media all and (max-width: 1024px){.ep_nft_content_wrap.ep_nft__wrapper,.ep_nft_content_wrap.ep_nft_list{grid-template-columns:repeat(3,1fr)!important}}@media all and (max-width: 991px){.ose-opensea{min-width:auto!important;max-width:calc(100% - 40px)!important}.ep_nft_content_wrap.ep_nft__wrapper,.ep_nft_content_wrap.ep_nft_list{grid-template-columns:repeat(2,1fr)!important}}@media all and (max-width: 767px){.ep_nft_content_wrap.ep_nft__wrapper,.ep_nft_content_wrap.ep_nft_list{grid-template-columns:repeat(1,1fr)!important}}.ep-nft-single-item-wraper.ep_nft_content_wrap .ep_nft_item{box-shadow:none}.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content{width:calc(55% - 15px)}.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail{width:45%;height:100%}.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail img{height:100%}.ep-nft-single-item-wraper span.eb_nft_label{color:#333}.ep-nft-single-item-wraper .ep_nft_content .ep_nft_price{display:flex;flex-direction:column;margin-right:45px}.ep-nft-single-item-wraper span.eb_nft_price{font-size:30px}.ep-nft-single-item-wraper .ep_nft_content .ep_nft_creator img{height:15px;width:15px;border-radius:50%}.ep-nft-single-item-wraper .ep-usd-price{bottom:0;font-size:12px}.ep-nft-single-item-wraper span.eb_nft_label{font-size:15px}.ep-nft-single-item-wraper .ep_nft_content .ep_nft_title{margin-bottom:10px;font-size:24px}.ep-nft-single-item-wraper .CollectionLink--name svg{width:20px;height:20px;margin-left:5px}.ep-nft-single-item-wraper a.CollectionLink--link{font-size:15px;font-weight:500;text-decoration:none;margin-bottom:15px;display:block;color:#3080e2}.ep-nft-single-item-wraper sub.verified-icon{bottom:-5px;left:4px}.ep-nft-single-item-wraper .ep-accordion{border:1px solid #ddd;border-radius:10px;margin-top:15px;display:block}.ep-nft-single-item-wraper .ep-toggle{display:none}.ep-nft-single-item-wraper .ep-option{position:relative}.ep-nft-single-item-wraper .ep-content{padding:1em;border-top:1px solid #ddd}.ep-nft-single-item-wraper .ep-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:all .2s}.ep-nft-single-item-wraper .ep-title{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:all .2s;padding:1em;display:flex;color:#333;font-weight:700;cursor:pointer;border-radius:10px 10px 0 0;align-items:center}.ep-nft-single-item-wraper label.ep-title svg{width:20px;height:20px;margin-right:6px}.ep-nft-single-item-wraper .ep-asset-detail-item{display:flex;justify-content:space-between;font-weight:500;line-height:1.8em}.ep-nft-single-item-wraper .ep-asset-detail-item span{word-break:break-word;max-width:75%}.ep-nft-single-item-wraper .ep-content{display:block}.ep-nft-single-item-wraper .ep-content p{margin:0;padding:.5em 1em 1em;font-size:.9em;line-height:1.5}.ep-nft-single-item-wraper .ep-toggle:checked+.ep-title+.ep-content{display:none;background:transparent}.ep-nft-single-item-wraper .ep_nft_content .ep_nft_price_wrapper{display:flex}.ep-nft-single-item-wraper .ep-toggle+.ep-title:after{content:"";display:inline-block;position:absolute;width:12px;height:12px;background:transparent;text-indent:-9999px;border-top:2px solid #bfbfbf;border-left:2px solid #bfbfbf;transition:all .25s ease-in-out;text-decoration:none;color:transparent;right:15px;top:50%;transform:rotate(45deg) translate(-20%,-5%)}.ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:before{content:"";display:inline-block;position:absolute;width:12px;height:12px;background:transparent;text-indent:-9999px;border-top:2px solid #bfbfbf;border-left:2px solid #bfbfbf;transition:all .25s ease-in-out;text-decoration:none;color:transparent;right:15px;top:50%;transform:rotate(225deg) translate(80%,20%)}.ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:after{display:none}.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_button span.ep-nft-rank{pointer-events:none}.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-nft-single-item-wraper.ep-grid .ep_nft_content{margin-bottom:20px}@media screen and (max-width: 1024px){.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper,.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list{grid-template-columns:repeat(1,1fr)!important}}@media screen and (max-width: 991px){.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper,.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list{grid-template-columns:repeat(1,1fr)!important}.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item{align-items:unset;flex-direction:column}.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail,.ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content{width:100%}.ep-embed-content-wraper>div{max-width:100%}}@media screen and (max-width: 537px){.ep-nft-single-item-wraper sub.ep-usd-price{margin-bottom:15px;display:block}}.components-panel__body .ep-control-header{border-top:1px solid #fbf0f0;padding-top:16px;width:calc(100% + 32px);margin-left:-16px;padding-left:16px}button.components-color-palette__custom-color-button{height:24px}.components-color-palette__custom-color-text-wrapper{display:none!important}.components-panel__body.is-opened.ep-opensea-options h2.components-panel__body-title,.components-panel__body.is-opened.ep-colors-typography h2.components-panel__body-title{margin-bottom:16px!important}.components-panel__body.is-opened.ep-colors-typography .ep-opensea-sub-controls h2.components-panel__body-title{margin-bottom:0!important}.embedpress-gutenberg-controls .components-panel__body.is-opened h2.components-panel__body-title{margin-bottom:16px!important}.ep-controls-margin{margin-bottom:24px}.ep__instafeed-options .instagram-profile-image-uploader{margin-bottom:0}.block-editor-block-inspector .components-base-control:last-child{margin-bottom:24px!important}.ep-video-controlers .ep-control-field .components-base-control__field{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center}.ep-video-controlers .ep-control-field .components-base-control__field input{width:70px}.ep-video-controlers .ep-control-field .components-base-control__field .components-base-control__label{margin-bottom:0}.ep-video-controlers .components-base-control .components-base-control__label{margin-right:0}button.ep-remove__image{position:absolute;z-index:1;color:#fff;font-weight:700;border:none;top:10px;left:10px;background:#f11c1d;width:32px;height:32px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:50px;padding:0;margin:0;cursor:pointer}.ep__custom-logo{text-align:center;margin-bottom:15px}.ep__custom-logo img{width:100%;height:200px;object-fit:cover;border-radius:5px}.ep-logo-upload-button{border:1px solid #ddd;border-radius:5px;padding:20px 15px}.instagram-profile-image-uploader{margin-bottom:20px}.ep-yt-related-videos .components-base-control{margin-bottom:10px!important}.content-share-controls .ep-custom-logo-button{margin-bottom:30px!important}.pro-control.ep-custom-logo-button{margin-bottom:20px!important}.ep-custom-logo-button .isPro{top:50%;transform:translateY(-50%)}.ep-custom-logo-position{margin-top:20px}.ep-yt-related-videos p,.ep-video-controlers p{margin-top:8px;font-size:12px;font-style:normal;color:#757575;margin-bottom:revert}p.is-ep-description{margin-top:-20px!important;color:#757575}span.ep-wistia-message{position:absolute;left:50%;background:#fff;border-radius:15px;padding:8px 15px;top:32%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 200px);text-align:center;max-width:320px}@media only screen and (max-width: 520px){.wistia_embed,.ose-wistia{max-height:280px}}.lock-content-pass-input span{position:absolute;right:8px;z-index:1;cursor:pointer;bottom:3.5px;display:none}.lock-content-pass-input span.active{display:block}span.copy-password.active{top:0;width:20px;background:#5b4e96;height:20px;border-radius:15px;padding:3px;right:0}span.copy-tooltip{top:0;display:block;right:10px;font-weight:600;background:#5b4e96;height:max-content;color:#fff;border-radius:15px;visibility:none;transition:.3s;position:absolute;padding:1px 8px;font-size:12px;opacity:0}.copy-tooltip.show{opacity:1;visibility:visible;right:25px}.gutenberg-block-wraper,.gutenberg-wraper{position:relative}.gutenberg-block-wraper{display:inline-block;max-width:100%}.gutenberg-block-wraper.ep-content-share-enabled .ep-embed-content-wraper{display:-ms-inline-flexbox!important;display:inline-flex!important;justify-content:center;align-items:center}.gutenberg-block-wraper.ep-content-share-enabled .ep-embed-content-wraper{align-items:center}.gutenberg-block-wraper.ep-content-share-enabled .position-left-wraper.ep-embed-content-wraper,.gutenberg-block-wraper.ep-content-share-enabled .position-right-wraper.ep-embed-content-wraper{align-items:self-start}.gutenberg-block-wraper.source-opensea{display:block}.wp-block-embedpress-embedpress>div{position:relative}.gutenberg-wraper{display:flex}.position-right-wraper.gutenberg-pdf-wraper,.position-left-wraper.gutenberg-pdf-wraper,.position-top-wraper.gutenberg-pdf-wraper,.position-bottom-wraper.gutenberg-pdf-wraper{width:100%}.ep-share-position-right .gutenberg-wraper{flex-direction:row}.ep-share-position-left .gutenberg-wraper{flex-direction:row-reverse}.ep-share-position-bottom .gutenberg-wraper{flex-direction:column}.ep-share-position-top .gutenberg-wraper{flex-direction:column-reverse}.ep-social-share{display:flex;align-items:center}.ep-social-share.share-position-right{right:-40px;top:0;flex-direction:column}.ep-social-share.share-position-left{left:0;top:0;flex-direction:column}.embedpress-gutenberg-wrapper .ep-social-share.share-position-left,.ep-elementor-content .ep-social-share.share-position-left{left:-40px}.ep-social-share.share-position-top,.ep-social-share.share-position-bottom{justify-content:center}.ep-social-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:0;color:#fff;text-decoration:none;font-size:20px}.ep-social-icon:hover{opacity:.8}.ep-social-share svg{width:20px;height:auto}a.ep-social-icon.pinterest svg{height:25px}.ep-social-share .facebook{background-color:#3b5998}.ep-social-share .facebook svg{width:40px}.ep-social-share .twitter{background-color:#000}a.ep-social-icon.twitter:focus-visible{box-shadow:none;border:none;outline:none}.ep-social-share .pinterest{background-color:#bd081c}.ep-social-share .linkedin{background-color:#0077b5}.ep-social-share .reddit{background-color:#ff4500}.ep-social-icon i{margin-right:0}.gutenberg-block-wraper .ep-social-share.share-position-left{left:-40px;top:0;flex-direction:column}.block-editor-block-list__block .ep-social-share{pointer-events:none}.custom-share-thumbnail-label{font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;box-sizing:border-box;display:block;padding-top:0;padding-bottom:0;max-width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.lock-content-controllers .components-form-toggle.is-checked .components-form-toggle__track,.content-share-toggle .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #6354a5))}.ep-pannel-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;gap:10px}.ep-pannel-icon svg{width:18px;height:auto}.ep-documentation,.ep-tips-and-tricks{display:flex;align-items:center;gap:10px;margin-bottom:5px}.ep-documentation svg,.ep-tips-and-tricks svg{width:25px;height:auto}.ep-documentation a,.ep-tips-and-tricks a{font-weight:500;font-size:13px;color:#5b4e96}.ep-calendly-data-link{display:-ms-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;margin-bottom:5px;padding:0 10px;margin-top:-10px!important;margin-bottom:15px}.ep-calendly-data-link svg{width:22px;height:auto}.ep-calendly-data-link a{font-weight:500;font-size:14px;color:#5b4e96}.tips__alert__wrap{position:fixed;top:0;left:0;height:100%;width:100%;background:#0000009c;z-index:99999;display:none}.tips__alert__wrap .tips__alert__card{width:calc(100% - 30px);max-width:500px;margin:7% auto 0;background:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.tips__alert__wrap .tips__alert__card img{height:150px}.tips__alert__wrap .tips__alert__card h2{font-size:17.5px;font-weight:500;color:#131f4d;margin-bottom:15px}.tips__alert__wrap .tips__alert__card p{font-size:14px;font-weight:400;color:#7c8db5;margin-bottom:15px}.tips__alert__wrap .tips__alert__card a{text-decoration:underline;font-weight:700;color:#131f4d}.tips__alert__wrap .tips__alert__card .button{align-self:flex-end;margin-top:20px;padding:6px 30px;border-radius:10px;text-decoration:none}p.ep-live-video-info{display:flex;gap:8px;font-size:12px;font-weight:700;background:#f6d88c;padding:8px;border-radius:10px}p.ep-live-video-info svg{width:20px}.embedpress-gutenberg-controls .components-text-control__input::placeholder,.embedpress-gutenberg-controls .components-textarea-control__input::placeholder{color:#757575}button.skip-ad-button{position:absolute;bottom:15px;right:10px;border:none;background:#d41556b5!important;color:#fff!important;z-index:122222222;font-size:15px;font-weight:700;border-radius:4px;padding:0}.components-panel__row.elementor-panel-alert.elementor-panel-warning-info{margin-top:-15px;display:inline-block;font-size:12px;font-weight:700;background:#f6d88c;padding:8px;border-radius:10px}.components-panel__row.elementor-panel-alert.elementor-panel-warning-info.margin-bottom-10{margin-bottom:10px}.control-description{margin-top:-10px!important;margin-bottom:20px;font-size:12px;font-style:normal;color:#757575}.ep-select-control{margin-bottom:16px}.ep-select-control .ep-select-control-label{font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;box-sizing:border-box;display:block;padding-top:0;padding-bottom:0;max-width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-select-control .dropdown{position:relative}.ep-select-control .dropdown-header{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:8px;cursor:pointer;background-color:#fff;border-radius:4px;font-weight:600}.ep-select-control span.arrow-dropdown svg{width:18px;height:18px}.ep-select-control .dropdown-menu{position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;background-color:#fff;border-radius:4px;z-index:10;max-height:250px;overflow-y:auto;box-shadow:0 4px 6px #0000001a;padding:8px}.ep-select-control .search-input{width:100%;padding:5px 8px;margin-bottom:8px;border:1px solid #ccc;border-radius:4px}.ep-select-control .dropdown-item{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:4px}.ep-select-control .dropdown-item label{cursor:pointer}.ep-select-control .dropdown-item:hover{background-color:#f0f0f0}.ep-select-control .dropdown-item.selected{background-color:#e6f7ff}.ep-select-control .dropdown-item input{margin-right:8px}.ep-select-control .no-options{padding:8px;text-align:center;color:#888}.block-editor-block-inspector .plugin-rating{font-family:system-ui;padding:15px;border-top:1px solid #e0e0e0}.block-editor-block-inspector .plugin-rating h4{margin-bottom:8px;font-size:15px;font-weight:500;color:#1d2939;margin-top:0}.block-editor-block-inspector .plugin-rating .stars{display:flex;gap:5px;margin-bottom:20px}.block-editor-block-inspector .plugin-rating .stars .star{color:#b1b8c2;cursor:pointer;width:20px;height:20px}.block-editor-block-inspector .plugin-rating .tankyou-msg-container,.block-editor-block-inspector .plugin-rating .feedback-submit-container{margin-top:10px;border-radius:8px;text-align:left;position:relative;margin-bottom:25px}.block-editor-block-inspector .plugin-rating .tankyou-msg-container textarea.form-control,.block-editor-block-inspector .plugin-rating .feedback-submit-container textarea.form-control{width:100%;background:#fff;outline:1px solid #ebe1f2;margin-bottom:5px;border:none}.block-editor-block-inspector .plugin-rating .tankyou-msg-container textarea.form-control::placeholder,.block-editor-block-inspector .plugin-rating .feedback-submit-container textarea.form-control::placeholder{font-weight:400;font-size:12px;line-height:1.8;color:#5f6c7f}.block-editor-block-inspector .plugin-rating .tankyou-msg-container textarea:focus,.block-editor-block-inspector .plugin-rating .feedback-submit-container textarea:focus{outline-color:#5b4e96;box-shadow:none!important;outline:1px solid #5b4e96}.block-editor-block-inspector .plugin-rating .tankyou-msg-container .submit-button,.block-editor-block-inspector .plugin-rating .tankyou-msg-container .rating-button,.block-editor-block-inspector .plugin-rating .feedback-submit-container .submit-button,.block-editor-block-inspector .plugin-rating .feedback-submit-container .rating-button{border-radius:4px;border-width:1px;padding:8px;width:100%;border:1px solid #5b4e96;color:#5b4e96;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.block-editor-block-inspector .plugin-rating .tankyou-msg-container .submit-button svg,.block-editor-block-inspector .plugin-rating .tankyou-msg-container .rating-button svg,.block-editor-block-inspector .plugin-rating .feedback-submit-container .submit-button svg,.block-editor-block-inspector .plugin-rating .feedback-submit-container .rating-button svg{height:18px;width:18px}.block-editor-block-inspector .plugin-rating .tankyou-msg-container .help-message,.block-editor-block-inspector .plugin-rating .feedback-submit-container .help-message{font-weight:500;font-size:14px;line-height:12px;letter-spacing:0%;margin-bottom:15px;margin-top:0}.block-editor-block-inspector .plugin-rating .tankyou-msg-container p.form-description,.block-editor-block-inspector .plugin-rating .feedback-submit-container p.form-description{font-size:12px}.block-editor-block-inspector .plugin-rating .tankyou-msg-container span.close-icon,.block-editor-block-inspector .plugin-rating .feedback-submit-container span.close-icon{position:absolute;top:8px;right:8px}.block-editor-block-inspector .plugin-rating .tankyou-msg-container span.close-icon svg,.block-editor-block-inspector .plugin-rating .feedback-submit-container span.close-icon svg{height:12px;width:12px;cursor:pointer}.block-editor-block-inspector .plugin-rating .tankyou-msg-container span.undo-review,.block-editor-block-inspector .plugin-rating .feedback-submit-container span.undo-review{color:#5b4e96;font-weight:400;text-decoration:none;cursor:pointer}.block-editor-block-inspector .plugin-rating p.thank-you-message{font-weight:400;color:#5f6c7f;margin-bottom:15px;font-size:14px}.block-editor-block-inspector .plugin-rating .chat-button{background-color:#5b4e96;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:5px;font-weight:400;width:100%;text-decoration:none}.block-editor-block-inspector .plugin-rating .chat-button svg{width:18px;height:18px}.block-editor-block-inspector .plugin-rating .chat-button:hover{background-color:#4b3293}.block-editor-block-inspector .plugin-rating .upgrade-box{padding:15px;margin-top:20px;border-radius:8px;text-align:left;background:linear-gradient(181.32deg,#fffbf8 1.12%,#fff 98.95%);border:.6px solid #f4efec}.block-editor-block-inspector .plugin-rating .upgrade-box h5{font-size:14px;margin-top:0;margin-bottom:10px;color:#1d2939;font-weight:600}.block-editor-block-inspector .plugin-rating .upgrade-box p{font-size:12px;color:#232c39;margin-bottom:12px;font-weight:400}.block-editor-block-inspector .plugin-rating .upgrade-box .upgrade-link{color:#ec6e00;font-weight:400;text-decoration:none}.block-editor-block-inspector .plugin-rating .upgrade-box .upgrade-link:hover{text-decoration:underline}.plugin-rating.turn_off_ratting_help{padding:0;margin:0}.plugin-rating.turn_off_ratting_help .upgrade-box{margin:0;border-radius:0}.analytics-section-container{padding:12px;background:linear-gradient(135deg,#f8f7fc,#fff);margin-bottom:20px;display:flex;gap:10px;border-top:1px solid #e8e5f1;overflow:visible;background-color:none;width:calc(100% + 30px);margin-left:-15px;border:none;border-radius:0;margin-top:-15px}.analytics-section-container .analytics-chart{display:flex;align-items:center;gap:5px;overflow:visible;position:relative;z-index:10}.analytics-section-container .analytics-chart .donut-chart{max-width:70px;height:auto}.analytics-section-container .analytics-chart .chart-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.analytics-section-container .analytics-chart .chart-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#778095}.analytics-section-container .analytics-chart .chart-legend .legend-item .legend-dot{width:12px;height:12px;border-radius:50%}.analytics-section-container .analytics-chart .chart-legend .legend-item .legend-dot.desktop{background-color:#5b4e96}.analytics-section-container .analytics-chart .chart-legend .legend-item .legend-dot.mobile{background-color:#c4b5e8}.analytics-section-container .analytics-chart .chart-legend .legend-item .legend-text{font-weight:500}.analytics-section-container .analytics-content{width:100%}.analytics-section-container .analytics-content h3{font-size:16px;font-weight:500;color:#211c70;margin:0 0 8px;text-transform:inherit}.analytics-section-container .analytics-content p{font-size:12px;color:#404040;margin:0 0 6px;line-height:1.5}.analytics-section-container .analytics-content .view-analytics-link{display:inline-flex;gap:6px;background:transparent;color:#5b4e96;text-decoration:none;border-radius:6px;font-size:12px;font-weight:500;transition:all .3s ease;align-items:center}.analytics-section-container .analytics-content .view-analytics-link svg{width:16px;height:16px;transition:transform .3s ease}.analytics-section-container .analytics-content .view-analytics-link:hover{text-decoration:underline}.analytics-section-container .analytics-content .view-analytics-link:hover svg{transform:translate(2px)}.analytics-section-container .analytics-content .view-analytics-link:active{transform:translateY(0)}.photos-gallery-grid .ose-google-photos,.photos-gallery-masonary .ose-google-photos,.photos-gallery-justify .ose-google-photos{height:100%!important;max-height:100%!important}.wp-block-embedpress-embedpress iframe{max-width:100%}.wp-block-embedpress-embedpress .components-placeholder.wp-block-embed{min-width:550px;max-width:100%!important}.wp-block-embedpress-embedpress{max-width:100%!important}.ose-the-new-york-times iframe{min-height:500px;max-height:100%}.block-editor-block-list__layout .wp-block figure{margin:0}.block-editor-block-list__layout .wp-block iframe{margin:0}.editor-styles-wrapper .block-editor-block-list__layout.is-root-container>.wp-block-embedpress-embedpress{max-width:1200px!important}.embedpress-event .link{color:#0098ab}.embedpress-event .visibility--a11yHide{border:0;clip:rect(0 0 0 0);position:absolute;overflow:hidden;margin:-1px;padding:0;width:1px;height:1px}.embedpress-event .text--small{font-size:14px;margin:0}.embedpress-event .flex{display:flex;box-sizing:border-box}.embedpress-event .flex--wrap{flex-wrap:wrap}.embedpress-event .flex--row{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap}.embedpress-event .flex--row>.flex-item:first-child{padding-left:0}.embedpress-event .flex-item{flex-basis:0;flex-grow:1;width:auto;min-width:0;box-sizing:border-box}.embedpress-event .flex-item--shrink{flex-basis:auto;-webkit-box-flex:0;flex-grow:0;flex-shrink:0;width:auto}.embedpress-event .text--bold{font-weight:700}.embedpress-event h1,.embedpress-event h2,.embedpress-event h3,.embedpress-event h4,.embedpress-event h5,.embedpress-event h6{font-size:inherit}.embedpress-event .ep-event--title{font-size:32px;font-weight:700}.embedpress-event .ep-event--date{color:#757575;font-weight:400;font-size:16px}.embedpress-event .ep-event--host{margin-top:20px;display:flex;align-items:center;margin-bottom:20px}.embedpress-event img.avatar--person{background-image:none!important;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:50%;box-sizing:border-box;vertical-align:middle}.embedpress-event .event-description{margin-top:20px}.embedpress-event .align--center{text-align:center}.embedpress-event .card{background:#fff;background-clip:padding-box;background-size:cover;border:1px solid rgba(46,62,72,.12);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;min-height:100%;padding:16px 16px 18px;position:relative;white-space:normal}.embedpress-event .card--hasHoverShadow{transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.embedpress-event .ep-event-group-link{display:flex;flex-wrap:wrap;align-items:center;background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid rgba(46,62,72,.12)}.embedpress-event .ep-event-group--name{padding-left:20px;font-size:14px;line-height:1.45;margin:0;width:70%;word-break:break-word}.embedpress-event .ep-event-group--image{-o-object-fit:cover;object-fit:cover;width:56px;height:56px;border-radius:4px}.embedpress-event .ep-event-time-location{background:#fff;border-radius:8px;padding:16px 20px 0;border:1px solid rgba(46,62,72,.12)}.embedpress-event .ep-event-time-location .ep-event-datetime{padding-bottom:20px;font-size:15px;line-height:1.5;color:#2e3e48;font-style:normal;margin:0}.embedpress-event .ep-event-time-location .ep-event-location{padding-bottom:20px}.embedpress-event .ep-event-location .wrap--singleLine--truncate{font-size:15px;line-height:1.5;color:#2e3e48;font-style:normal;margin:0}.embedpress-event .ep-event-location address{font-style:normal;margin:0}.embedpress-event .ep-event-location .venueDisplay-venue-address{font-style:normal;color:#757575;margin:0}.embedpress-event .ep-event-location p{line-height:20px}.ep-event--host .avatar-print{border-radius:50%;height:50px;width:50px}.event-info-hosts-text{padding-left:20px;font-size:16px;font-weight:400}.text--sectionTitle{font-size:20px;line-height:28px}.ep-event--attendees{margin-top:50px}.ep-event--attendees>.flex{margin-bottom:20px}.ep-event--attendees .gridList{list-style:none;margin:0 -16px 0 0;padding:0}.ep-event--attendees .gridList-item{width:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:1rem;margin:0;vertical-align:top;width:50%}.ep-event--attendees .gridList--autoHeight--has4>.gridList-item{flex:0 0 50%;max-width:50%}.ep-event--attendees .groupMember-name{line-height:1.2!important}.ep-event--attendees .avatar--person{margin-bottom:15px;display:inline-block;border-radius:50%}.ep-event--attendees img.avatar-print{border-radius:50%}.ep-event--attendees .groupMember-role{font-size:12px;color:#757575;padding-top:2px;margin:0}.ep-event--attendees .groupMember{min-height:100%;min-width:128px;padding-left:8px;padding-right:8px}.gridList-itemInner{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:0 16px 16px 0}.cbutton-preview-wrapper{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff8f8;height:200px;width:300px;margin:-350px auto auto}h4.cbutton-preview-text{padding-top:0;margin-top:0}@media screen and (max-width: 782px){.block-editor-block-list__layout .wp-block figure{height:250px}.block-editor-block-list__layout .wp-block iframe{height:250px}}@media only screen and (min-width: 530px){.ep-event--attendees .gridList--autoHeight--has4>.gridList-item{flex:0 0 33.333333%;max-width:33.333333%}}@media only screen and (min-width: 640px){.embedpress-event .card{padding:18px 18px 20px}.ep-event--attendees .gridList--autoHeight--has4>.gridList-item{flex:0 0 25%;max-width:25%}}@media only screen and (min-width: 482px){.editor-styles-wrapper .wp-block[data-align=right]>*{max-width:100%!important}.editor-styles-wrapper .wp-block[data-align=left]>*{max-width:100%!important}}.is-ep-description{display:flex;align-items:flex-start;gap:4px;margin:4px 0 16px;padding-left:38px;color:#6a6a6a;font-size:12px;line-height:1.4}.is-ep-description .ep-info-tip{margin-top:2px}.ep-chapter-item,.ep-timed-cta-item{border:1px solid #e0e0e0!important;border-radius:4px!important;padding:12px!important;margin-bottom:12px!important;background:#fafafa}.ep-chapter-item .components-base-control,.ep-timed-cta-item .components-base-control{margin-bottom:8px}.ep-chapters-repeater .components-button,.ep-timed-cta-repeater .components-button{margin-top:4px}[data-theme-mode=dark]{--viewer-primary-color: #343434;--viewer-icons-hover-bgcolor: #453838;--viewer-icons-color: #f2f2f6}[data-theme-mode=light]{--viewer-primary-color: #f2f2f6;--viewer-icons-color: #343434;--viewer-icons-hover-bgcolor: #e5e1e9}@media (prefers-color-scheme: dark){:root{--viewer-primary-color: #343434;--viewer-icons-color: #f2f2f6;--viewer-icons-hover-bgcolor: #453838}}@media (prefers-color-scheme: light){:root{--viewer-primary-color: #f2f2f6;--viewer-icons-color: #343434;--viewer-icons-hover-bgcolor: #e5e1e9}}.ep-file-download-option-masked:after,.ep-external-doc-icons{background:var(--viewer-primary-color)}.ep-external-doc-icons svg path{fill:var(--viewer-icons-color)}.ep-doc-draw-icon svg path{fill:var(--viewer-primary-color);stroke:var(--viewer-icons-color)}.ep-external-doc-icons svg:hover svg path{fill:var(--viewer-icons-color);stroke:var(--viewer-icons-color)}.ep-external-doc-icons svg:hover{background-color:var(--viewer-icons-hover-bgcolor)}.ep-file-download-option-masked{position:relative}.embed-download-disabled{width:200px;height:22px;background:#444;position:absolute;right:2px;bottom:8px;opacity:0;pointer-events:none}.cui-toolbar-button-right{display:none!important}.ndfHFb-c4YZDc-Wrql6b{display:none}.ep-external-doc-icons{position:absolute;display:flex;flex-direction:revert;background:var(--viewer-primary-color);border-radius:6px;z-index:2;bottom:-18px;left:50%;transform:translate(-50%,-50%);padding:0 10px}.ep-external-doc-icons svg{width:30px;height:30px;cursor:pointer;transition:.3s;padding:5px;border-radius:4px}.block-editor-block-list__block .ep-gutenberg-file-doc .ep-external-doc-icons svg{width:22px;height:22px}.block-editor-block-list__block .ep-gutenberg-file-doc .ep-doc-download-icon svg,.block-editor-block-list__block .ep-gutenberg-file-doc .ep-doc-fullscreen-icon svg{width:20px!important}.ep-doc-minimize-icon svg,.ep-doc-fullscreen-icon svg{padding:6px}.ep-external-doc-icons svg:hover{border-radius:4px}.ep-doc-draw-icon.active svg{background:var(--viewer-icons-hover-bgcolor)}.ep-doc-download-icon,.ep-doc-print-icon,.ep-doc-fullscreen-icon,.ep-doc-popup-icon,.ep-doc-draw-icon,.ep-doc-minimize-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.elementor .elementor-element.elementor-element .embedpress-document-embed .fullscreen-enabled iframe,.embedpress-document-embed .fullscreen-enabled iframe{width:100%!important;height:100%!important}.ep-file-download-option-masked.ep-file-link.fullscreen-enabled iframe{margin-left:22%}.ep-file-download-option-masked:after{position:absolute;width:100%;height:30px;background:var(--viewer-primary-color);z-index:1;bottom:0;content:"";left:0}.ep-file-download-option-masked.ep-file-docx:after{bottom:0;background:#fff}.ep-file-download-option-masked.ep-file-docx.ep-powered-by-enabled:after{bottom:0;background:#fff;height:22px}.ep-file-download-option-masked.ep-file-docx.ep-powered-by-enabled.fullscreen-enabled:after{bottom:0}.ep-file-download-option-masked.ep-file-docx .ep-external-doc-icons{right:12px;top:12px;display:flex;flex-direction:column;background:var(--viewer-primary-color);border-radius:6px;bottom:auto;left:auto;transform:translate(0)}canvas.ep-doc-canvas{position:absolute;z-index:1;left:0;bottom:0;right:0;top:0;clear:both;margin:auto;display:none}.embedpress-el-powered{text-align:center;margin-top:0!important;font-size:16px!important;font-weight:700}.wp-block-embedpress-document.aligncenter .embedpress-document-embed{margin:auto}.embedpress-embed-document-pdf{max-width:100%;position:relative}.components-toggle-control .components-base-control__field .components-form-toggle{margin-right:6px}.opensea-control.pro-control span.isPro{right:6px;bottom:5px;transform:scale(.9)}.pro-control.opensea-control input{border-color:#cfc2c2;color:#cfc2c2;border-radius:5px}.pro-control .components-base-control{pointer-events:none}.pro-control .sponsored-manager-controllers{opacity:.5}.sponsored-manager-controllers.opacity,.pro-control.ep-custom-logo-button button{opacity:.3}.ads-help{margin-top:30px}button.components-flex.components-color-palette__custom-color{height:20px}.components-color-palette__custom-color-value{display:none!important}.components-circular-option-picker .components-circular-option-picker__swatches{justify-content:space-around}.wp-block-embedpress-document.embedpress-document-embed{max-width:100%!important}@media only screen and (max-width: 767px){.wp-block-embedpress-document.embedpress-document-embed{max-height:400px!important}.ep-file-download-option-masked{height:100%}iframe.embedpress-embed-document-pdf{max-height:480px}}.embedpress-calendar-gutenberg{margin:30px auto}.embedpress-calendar-gutenberg iframe,.embedpress-calendar-gutenberg.alignright{max-width:100%}body.page .flexia-wrapper>.content-area{padding:0!important}.flexia-wrapper.flexia-container>.content-area{margin:0!important}.flexia-wrapper.flexia-container>.content-area .embedpress-calendar-gutenberg{margin:0 auto}@media only screen and (min-width: 482px){.entry-content>.embedpress-calendar-gutenberg.alignright,.entry-content>.embedpress-calendar-gutenberg.alignleft,.embedpress-calendar-gutenberg.alignright,.embedpress-calendar-gutenberg.alignleft{max-width:100%}}.wp-block-embedpress-embedpress iframe,.wp-block-embedpress-calendar iframe{max-width:100%}.wp-block-embedpress-calendar figure{position:relative}.block-editor-block-list__layout .wp-block figure,.block-editor-block-list__layout .wp-block iframe{margin:0}@media screen and (max-width: 782px){.block-editor-block-list__layout .wp-block figure,.block-editor-block-list__layout .wp-block iframe{height:250px}}.editor-block-list__block[data-align=right]>.editor-block-list__block-edit{float:right}.wp-block[data-align=left],.wp-block[data-align=right]{height:auto!important}@media only screen and (min-width: 482px){.editor-styles-wrapper .wp-block[data-align=right]>*,.editor-styles-wrapper .wp-block[data-align=left]>*{max-width:100%!important}}.editor-styles-wrapper .wp-block[data-align=center]{text-align:center}.editor-styles-wrapper .wp-block:after{content:"";display:block;clear:both;min-height:1px}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.pdfobject-container{height:600px;width:600px;margin:0 auto}.embedpress-el-powered{text-align:center;margin-top:10px!important;font-size:16px!important;font-weight:700}.embedpress-embed-document iframe,[data-type="embedpress/document"] iframe{margin:0 auto;display:block}.embedpress-embed-document{max-width:100%}.embedpress-document-editmode .components-form-file-upload{display:none!important}.pro-control{position:relative;margin-bottom:20px}span.isPro{position:absolute;z-index:1;background:#5b4e96;border-radius:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:40px;height:18px;font-size:10px;right:5px;color:#fff;font-weight:400;text-transform:uppercase;bottom:0;top:0}.pro-control:after{content:"";width:100%;height:100%;background:transparent;position:absolute;z-index:12;top:0;bottom:0;left:0}.theme-astra span.isPro{right:10px;bottom:5px}.pro-control:hover:after{cursor:pointer}.pro__alert__wrap{position:fixed;top:0;left:0;height:100%;width:100%;background:#0000004d;z-index:1;display:none}.pro__alert__wrap .pro__alert__card{width:calc(100% - 30px);max-width:500px;margin:7% auto 0;background:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.pro__alert__wrap .pro__alert__card h2{font-size:32px;font-weight:450;color:#131f4d;margin-bottom:15px}.pro__alert__wrap .pro__alert__card p{font-size:14px;font-weight:400;color:#7c8db5;margin-top:10px}.pro__alert__wrap .pro__alert__card .button{-ms-flex-item-align:end;align-self:flex-end;margin-top:20px;padding:6px 30px;border-radius:10px}.pro__alert__wrap .pro__alert__card p a{text-decoration:underline;font-weight:700;color:#131f4d}.template__wrapper .button:hover{background:#5b4e96!important;color:#fff!important;border-color:#5b4e96!important}.pro__alert__wrap .pro__alert__card img{height:100px;margin-bottom:20px}.pro-control .components-toggle-control__label{color:#bbacac}.pro-control .components-form-toggle .components-form-toggle__track{border:1px solid #b89d9d}.pro-control .components-form-toggle .components-form-toggle__thumb{background-color:#b89d9d;border:5px solid #b89d9d}.ep-gutenberg-controls-wrapper .components-base-control{margin-top:15px;margin-bottom:30px}.ep-gutenberg-controls-wrapper .remove-last-child-margin .components-base-control:last-child{margin-bottom:30px}.embedpress-documents-control .components-base-control{margin-top:0!important}.pro-control-active{margin-bottom:24px}.disabled-content-protection .pro-control-active,.disabled-content-protection .pro-control{margin-bottom:0}.disabled-content-protection .pro-control-active .components-toggle-control,.disabled-content-protection .pro-control .components-toggle-control{margin-bottom:10px}.lock-content-pass-input{position:relative}.ep-alignleft{text-align:left}.ep-alignright{text-align:right}.ep-aligncenter{text-align:center}.embedpress-document-embed.embedpress-pdf{width:100%}.embedpress-document-embed{position:relative}.embedpress-inner-iframe{text-align:center;position:relative}.ep-fixed-width .embedpress-inner-iframe{display:inline-block}.embedpress-inner-iframe.ep-alignright{text-align:right}.embedpress-inner-iframe.ep-aligncenter{text-align:center}.embedpress-inner-iframe.ep-alignleft{text-align:left}.ep__components-placeholder,.wp-block-embedpress-embedpress{clear:both!important}.ep-pdf-width-contol{position:relative}.ep-unit-choice-option{margin:0!important;top:5px;right:0}.ep-unit-choice-option .components-base-control{margin-bottom:0!important}.ep-unit-choice-option .components-base-control__field .components-flex,.ep-unit-choice-option .components-flex{flex-direction:row!important;justify-content:end;gap:10px;padding:4px 5px;border-radius:4px;margin-right:-10px;margin-bottom:10px}.ep-unit-choice-option .components-radio-control__option{position:relative}.ep-unit-choice-option .components-radio-control__option label{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:10px;left:-18px}.ep-unit-choice-option .components-radio-control__input{margin:0;border:none;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}.ep-unit-choice-option .components-radio-control__input[type=radio]:checked:before{background-color:var(--wp-admin-theme-color);border:4px solid var(--wp-admin-theme-color)}.ep-unit-choice-option .components-radio-control__input[type=radio]:checked+label{color:#fff}.ep-pdf-width-contol .ep-control-header{font-size:11px}.emebedpress-unit-percent iframe{width:100%!important}.components-panel__body .components-base-control__field{padding:0}.ep-controls-margin .components-base-control__field{padding:0;display:flex;align-items:center;justify-content:space-between}.ep-controls-margin .components-text-control__input{max-width:80px;width:60px}@media only screen and (max-width: 850px){.embedpress-inner-iframe.emebedpress-unit-percent{width:100%!important}}.presentationModeEnabledIosDevice{position:fixed;left:0;top:0;border:0;height:100%!important;width:100%!important;z-index:999999;min-width:100%!important;min-height:100%!important}.components-edit-button{border-right:1px solid #1e1e1e;border-radius:0}.ep-pdf-trigger{cursor:pointer;display:inline-block;transition:all .2s ease}.ep-pdf-trigger--button{background:#5b4e96;color:#fff;padding:12px 28px;border-radius:6px;font-size:15px;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 6px #5b4e964d}.ep-pdf-trigger--button:hover{background:#4a3f7e;box-shadow:0 4px 12px #5b4e9666;transform:translateY(-1px)}.ep-pdf-trigger--link{color:#5b4e96;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.ep-pdf-trigger--link:hover{color:#4a3f7e;text-decoration-thickness:2px}.ep-pdf-trigger--text{color:#333;font-size:15px}.ep-pdf-trigger--text:hover{color:#5b4e96}.embedpress-document-editmode .components-placeholder__instructions:after{content:"\aSupported File Type: PDF, DOC, PPT, XLS etc ";white-space:pre}.wp-block-embedpress-embedpress-pdf+*{clear:both}.embedpress-document-editmode .components-placeholder__instructions:after{display:none!important}.ep-width-control-with-tooltip svg{width:16px;height:16px;vertical-align:middle}.ep-width-control-with-tooltip .components-tooltip{max-width:200px}:root{--ep-primary: #007cba;--ep-primary-hover: #005a87;--ep-primary-light: #e6f3ff;--ep-secondary: #50575e;--ep-secondary-hover: #3c434a;--ep-secondary-light: #f6f7f7;--ep-success: #00a32a;--ep-success-light: #e6f7e6;--ep-warning: #dba617;--ep-warning-light: #fff8e5;--ep-error: #d63638;--ep-error-light: #ffeaea;--ep-info: #72aee6;--ep-info-light: #e5f5ff;--ep-white: #ffffff;--ep-gray-50: #f9fafb;--ep-gray-100: #f3f4f6;--ep-gray-200: #e5e7eb;--ep-gray-300: #d1d5db;--ep-gray-400: #9ca3af;--ep-gray-500: #6b7280;--ep-gray-600: #4b5563;--ep-gray-700: #374151;--ep-gray-800: #1f2937;--ep-gray-900: #111827;--ep-black: #000000;--ep-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--ep-font-family-mono: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--ep-text-xs: .75rem;--ep-text-sm: .875rem;--ep-text-base: 1rem;--ep-text-lg: 1.125rem;--ep-text-xl: 1.25rem;--ep-text-2xl: 1.5rem;--ep-text-3xl: 1.875rem;--ep-text-4xl: 2.25rem;--ep-font-light: 300;--ep-font-normal: 400;--ep-font-medium: 500;--ep-font-semibold: 600;--ep-font-bold: 700;--ep-leading-tight: 1.25;--ep-leading-normal: 1.5;--ep-leading-relaxed: 1.75;--ep-space-1: .25rem;--ep-space-2: .5rem;--ep-space-3: .75rem;--ep-space-4: 1rem;--ep-space-5: 1.25rem;--ep-space-6: 1.5rem;--ep-space-8: 2rem;--ep-space-10: 2.5rem;--ep-space-12: 3rem;--ep-space-16: 4rem;--ep-space-20: 5rem;--ep-radius-sm: .125rem;--ep-radius: .25rem;--ep-radius-md: .375rem;--ep-radius-lg: .5rem;--ep-radius-xl: .75rem;--ep-radius-2xl: 1rem;--ep-radius-full: 9999px;--ep-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ep-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ep-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ep-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ep-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ep-transition-fast: .15s ease-in-out;--ep-transition-normal: .3s ease-in-out;--ep-transition-slow: .5s ease-in-out;--ep-z-dropdown: 1000;--ep-z-sticky: 1020;--ep-z-fixed: 1030;--ep-z-modal-backdrop: 1040;--ep-z-modal: 1050;--ep-z-popover: 1060;--ep-z-tooltip: 1070;--ep-z-toast: 1080;--ep-breakpoint-sm: 640px;--ep-breakpoint-md: 768px;--ep-breakpoint-lg: 1024px;--ep-breakpoint-xl: 1280px;--ep-breakpoint-2xl: 1536px}