/* Theme Name: epeat2 Description: Rebuilding the child theme structure Version: 1.0 Author: Derek Shirk Author URI: http://www.brewhousepdx.com Template: enfold */ /* * COMPILED WITH LESS */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .boxed#top { margin: 0 auto; /* position:relative; z-index: 3; */ } .container { position: relative; width: 910px; width: 1145px; margin: 0 auto; padding: 0px; clear: both; } .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; } .boxed .container .stretch_full { position: relative; left: -50px; } .boxed#top { width: 1010px; } .boxed .container { margin: 0px 50px; } #wrap_all { width: 100%; position: relative; z-index: 1; } /* 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 Grid */ .container .one.unit, .container .one.units { width: 30px; width: 49.583333333333336px; } .container .two.units { width: 110px; width: 149.16666666666669px; } .container .three.units { width: 190px; width: 248.75px; } .container .four.units { width: 270px; width: 348.33333333333337px; } .container .five.units { width: 350px; width: 447.9166666666667px; } .container .six.units { width: 430px; width: 547.5px; } .container .seven.units { width: 510px; width: 647.0833333333334px; } .container .eight.units { width: 590px; width: 746.6666666666667px; } .container .nine.units { width: 670px; width: 846.25px; } .container .ten.units { width: 750px; width: 945.8333333333334px; } .container .eleven.units { width: 830px; width: 1045.4166666666667px; } .container .twelve.units { margin-left: 0; width: 910px; width: 1145px; } #top.boxed .stretch_full { width: 1010px; } /* Offsets */ #top .offset-by-one { padding-left: 80px; padding-left: 99.58333333333334px; } #top .offset-by-two { padding-left: 160px; padding-left: 199.16666666666669px; } #top .offset-by-three { padding-left: 240px; padding-left: 298.75px; } #top .offset-by-four { padding-left: 320px; padding-left: 398.33333333333337px; } #top .offset-by-five { padding-left: 400px; padding-left: 497.91666666666674px; } #top .offset-by-six { padding-left: 480px; padding-left: 597.5px; } #top .offset-by-seven { padding-left: 560px; padding-left: 697.0833333333334px; } #top .offset-by-eight { padding-left: 640px; padding-left: 796.6666666666667px; } #top .offset-by-nine { padding-left: 720px; padding-left: 896.2500000000001px; } #top .offset-by-ten { padding-left: 800px; padding-left: 995.8333333333335px; } #top .offset-by-eleven { padding-left: 880px; padding-left: 1095.4166666666667px; } .avia-caption-content p{margin:0 !important;} .bannerLearnMore { background: #87b132 none repeat scroll 0 0; border: medium none; clear: both; color: #fff; font-size: 17px; line-height: 20px; outline: medium none; padding: 12px 23px; text-transform: capitalize; font-weight:bold; cursor:pointer; } /* #Desktop - Extra Large ================================================== */ /* @media only screen and (min-width: 1340px) { */ .responsive_large .boxed#top { width: 1245px; } .responsive_large .container { width: 910px; width: 1145px; } .responsive_large .container .one.unit, .container .one.units { width: 30px; width: 49.583333333333336px; } .responsive_large .container .two.units { width: 110px; width: 149.16666666666669px; } .responsive_large .container .three.units { width: 190px; /* width: 248.75px; */ width: 261.75px; } .responsive_large .container .four.units { width: 270px; width: 348.33333333333337px; } .responsive_large .container .five.units { width: 350px; width: 447.9166666666667px; } .responsive_large .container .six.units { width: 430px; width: 547.5px; } .responsive_large .container .seven.units { width: 510px; width: 647.0833333333334px; } .responsive_large .container .eight.units { width: 590px; width: 746.6666666666667px; } .responsive_large .container .nine.units { width: 670px; /* width: 846.25px; */ width: 855.25px; } .responsive_large .container .ten.units { width: 750px; width: 945.8333333333334px; } .responsive_large .container .eleven.units { width: 830px; width: 1045.4166666666667px; } .responsive_large .container .twelve.units { width: 910px; width: 1145px; } .responsive_large #top.boxed .stretch_full { width: 1245px; } .responsive_large #top .offset-by-one { padding-left: 80px; padding-left: 99.58333333333334px; } .responsive_large #top .offset-by-two { padding-left: 160px; padding-left: 199.16666666666669px; } .responsive_large #top .offset-by-three { padding-left: 240px; padding-left: 298.75px; } .responsive_large #top .offset-by-four { padding-left: 320px; padding-left: 398.33333333333337px; } .responsive_large #top .offset-by-five { padding-left: 400px; padding-left: 497.91666666666674px; } .responsive_large #top .offset-by-six { padding-left: 480px; padding-left: 597.5px; } .responsive_large #top .offset-by-seven { padding-left: 560px; padding-left: 697.0833333333334px; } .responsive_large #top .offset-by-eight { padding-left: 640px; padding-left: 796.6666666666667px; } .responsive_large #top .offset-by-nine { padding-left: 720px; padding-left: 896.2500000000001px; } .responsive_large #top .offset-by-ten { padding-left: 800px; padding-left: 995.8333333333335px; } .responsive_large #top .offset-by-eleven { padding-left: 880px; padding-left: 1095.4166666666667px; } /* } */ /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */ /* @media only screen and (min-width: 768px) and (max-width: 989px) { .columns(@num: 1){ @contentWidth: (@maxWidthTablet - (2* @gutter)); @single: (@contentWidth - (@gutter * (@columns - 1))) / @columns; width: (@single * @num) + (@gutter * (@num - 1)); } .offset(@num: 1) { @contentWidth: (@maxWidthTablet - (2* @gutter)); @single: (@contentWidth - (@gutter * (@columns - 1))) / @columns; padding-left: (@single + @gutter) * @num; } .responsive .boxed#top { width: @maxWidthTablet; } .responsive .container { .columns(12) } .responsive .container .one.unit, .container .one.units { .columns(1) } .responsive .container .two.units { .columns(2) } .responsive .container .three.units { .columns(3) } .responsive .container .four.units { .columns(4) } .responsive .container .five.units { .columns(5) } .responsive .container .six.units { .columns(6) } .responsive .container .seven.units { .columns(7) } .responsive .container .eight.units { .columns(8) } .responsive .container .nine.units { .columns(9) } .responsive .container .ten.units { .columns(10) } .responsive .container .eleven.units { .columns(11) } .responsive .container .twelve.units { .columns(12) } .responsive #top.boxed .stretch_full { width: @maxWidthTablet;} .responsive{ #top .offset-by-one { .offset(1) } #top .offset-by-two { .offset(2) } #top .offset-by-three { .offset(3) } #top .offset-by-four { .offset(4) } #top .offset-by-five { .offset(5) } #top .offset-by-six { .offset(6) } #top .offset-by-seven { .offset(7) } #top .offset-by-eight { .offset(8) } #top .offset-by-nine { .offset(9) } #top .offset-by-ten { .offset(10)} #top .offset-by-eleven { .offset(11)} } } */ /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ /* @media only screen and (max-width: 767px) { @contentWidth: @maxWidthMobileSmall - @gutter; .responsive .boxed#top { width: @maxWidthMobileSmall; } .responsive .container { width: @contentWidth; margin:0 auto;} .responsive .units, .responsive .unit { margin: 0; } .responsive .container .one.unit, .responsive .container .one.units, .responsive .container .two.units, .responsive .container .three.units, .responsive .container .four.units, .responsive .container .five.units, .responsive .container .six.units, .responsive .container .seven.units, .responsive .container .eight.units, .responsive .container .nine.units, .responsive .container .ten.units, .responsive .container .eleven.units, .responsive .container .twelve.units, .responsive #top .flex_column { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top.boxed .stretch_full{ width: @maxWidthMobileSmall;} */ /* Offsets */ /* .responsive #top .offset-by-one, .responsive #top .offset-by-two, .responsive #top .offset-by-three, .responsive #top .offset-by-four, .responsive #top .offset-by-five, .responsive #top .offset-by-six, .responsive #top .offset-by-seven, .responsive #top .offset-by-eight, .responsive #top .offset-by-nine, .responsive #top .offset-by-ten, .responsive #top .offset-by-eleven{ padding-left: 0; } } */ /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ /* @media only screen and (min-width: 480px) and (max-width: 767px) { @contentWidth:@maxWidthMobileLarge - @gutter; .responsive .boxed#top { width: @maxWidthMobileLarge; } .responsive .container { width: @contentWidth; margin:0 auto;} .responsive .units, .responsive .unit { margin: 0; } .responsive .container .one.unit, .responsive .container .one.units, .responsive .container .two.units, .responsive .container .three.units, .responsive .container .four.units, .responsive .container .five.units, .responsive .container .six.units, .responsive .container .seven.units, .responsive .container .eight.units, .responsive .container .nine.units, .responsive .container .ten.units, .responsive .container .eleven.units, .responsive .container .twelve.units, .responsive #top .flex_column { width: 100%; margin-left: 0; margin-bottom: 20px; } .responsive #top.boxed .stretch_full{ width: @maxWidthMobileLarge; } } */ /* #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 { 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) ================================================== */ body div .no_margin { margin-left: 0; } .no_margin.av_one_fifth { width: 20%; } .no_margin.av_one_fourth { width: 25%; } .no_margin.av_one_third { width: 33.3%; } .no_margin.av_two_fifth { width: 40%; } .no_margin.av_one_half { width: 50%; } .no_margin.av_three_fifth { width: 60%; } .no_margin.av_two_third { width: 66.6%; } .no_margin.av_three_fourth { width: 75%; } .no_margin.av_four_fifth { width: 80%; } .no_margin.av_one_sixth { width: 16.666666666666668%; } .no_margin.av_one_seventh { width: 14.285714285714286%; } .no_margin.av_one_eighth { width: 12.5%; } .no_margin.av_one_nineth { width: 11.11111111111111%; } .no_margin.av_one_tenth { width: 10%; } /* mixins */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ .container_wrap, 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: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .selector { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 0; } /* type sass */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local("Roboto Black"), local("Roboto-Black"), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/mnpfi9pxYH-Go5UiibESIrO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); } body { font-family: Arial, sans-serif; color: #5f5f5f; } .sidebar_left .template-page { font-size: 12px; line-height: 25px; } strong, b { font-weight: bold; } ol { list-style: decimal; } p { font-size: 13px; line-height: 20px; margin-bottom: 1em; } #menu-main-menu.menu li a { font-family: "Roboto", sans-serif; font-size: 16px; color: #868686; color: #5f5f5f; } #menu-satellite.menu li a, #satellite .left-box p { color: #868686; font-family: Arial, sans-serif; font-size: 12px; /* text-transform:uppercase */ } #satellite .left-box p { text-transform: none; } h2 { font-family: "Roboto", sans-serif; font-size: 26px; border-bottom: 2px #87b132 solid; padding-bottom: 10px; color: #000; width: 60%; margin-bottom: 20px !important; margin-top: 20px !important; } .avia-inner-caption h2 { width: 80%;} h3 { font-family: "Roboto", sans-serif; font-size: 26px; color: #868686; margin-bottom: 15px; font-weight: 600; } h4 { font-family: "Roboto", sans-serif; font-size: 16px; color: #868686; } h5 { font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; padding: 0; border: 0; color: #000; } h6 { font-family: "Roboto", sans-serif; font-size: 16px; padding: 0; border: 0; color: #000; font-weight: 600; } .sidebar h2 { text-transform: none; } .sidebar ul li a { font-family: "Roboto", sans-serif; font-size: 14px; color: #5f5f5f; } .sidebar ul li.current_page_item a { background: url(images/tripledot.png) 218px center no-repeat #87b132; color: #fff; } .sidebar ul li.current_page_item a:hover { background: url(images/tripledot.png) 218px center no-repeat #87b132; background-color: #87b132; } h1.error { font-size: 500px; padding: 150px 0 0 0; color: #333333; height: 200px; } p.message { font-size: 28px; line-height: 50px; } /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Table #Misc #WordPress Generated Generics */ /* #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: 1; } */ /* 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-font-smoothing: antialiased; /* Fix for webkit rendering -webkit-text-size-adjust: 100%; } */ /* #Typography ================================================== */ /*font-stacks*/ .lucida-sans-websave { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; } .georgia-websave { font-family: "Georgia", "Times New Roman", Times, serif; } .arial-websave { font-family: Arial, Helvetica, Verdana, sans-serif; } .verdana-websave { font-family: Verdana, Arial, Helvetica, 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; } /*default*/ /* h1, h2, h3, h4, h5, h6 { 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; } h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } h5 { font-size: 16px; line-height: 1.1em; } 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; } */ /*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: 16px; line-height: 1.5em; } blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite { font-size: 12px; } /* #Links ================================================== */ /* #Lists ================================================== */ /* 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; } /* #Buttons ================================================== */ input[type="submit"], #submit, .button { padding: 9px 22px; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; -webkit-appearance: none; border-radius: 0px; } /* #Icons ================================================== */ [data-av_icon]:before { 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: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; -webkit-font-smoothing: antialiased; 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{ display: block; font-weight: bold; font-size: 12px; } #top legend { display: block; font-weight: normal; font-size: 15px; } #top select { width: 220px; } #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: -ms-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -o-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); -webkit-background-size: 100% 4em ; -moz-background-size: 100% 4em ; 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; -o-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 ================================================== */ /* .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; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; width:100%; position: fixed; z-index: 0; top:0; left:0; } .image-overlay{position: absolute; background: #fff; z-index: 500; height:100%; width:100%; opacity: 0; filter:alpha(opacity=0);} .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; } body .alignright, .entry-content-wrapper a:hover .alignright { float:right;margin:4px 0px 0px 10px;display: block; } body .aligncenter, .entry-content-wrapper a:hover .aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; } .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 { display:block; font-size:11px; font-style:italic; margin:0 auto; padding:3px 10px 5px; text-align:center; font-family: Georgia,"Times New Roman"; } #top .wp-caption.aligncenter{ margin:5px auto 10px auto } */ /*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; } /* Table of Content ====================================================================================================================================================== #Site Styles #Blog Styles #Page Styles #Post Formats #Portfolio Styles #Sidebar & Widgets #Footer & #Socket #Comment #CSS Animations #Media Queries */ /* ====================================================================================================================================================== #Site Styles ====================================================================================================================================================== */ /*blank pages*/ /* #top.avia-blank{ height: 100%; position: absolute; width: 100% !important; margin: 0; display: table; vertical-align: middle; float: none; top:0; left:0; } */ #top.boxed.avia-blank .container { margin: 0 auto; } #top.avia-blank #wrap_all { display: table-cell; float: none; vertical-align: middle; } #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; } /*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/ /* #header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; } */ /*header with social icons: */ /* .social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 116px; line-height: 116px; } */ /*header with social icons and bottom nav */ /* .bottom_nav_header.social_header #header_main .container{height:88px; line-height: 88px;} .bottom_nav_header.social_header .main_menu ul:first-child > li a { height:35px; line-height: 35px; } */ /* .social_header .phone-info { float: left; font-weight: bold; height: 30px; line-height: 10px; } */ /* .social_header .phone-info span{padding: 0px 0 0 10px; margin: 0px 0 0 10px;} .social_header .phone-info.with_nav span{border-left-style:solid; border-left-width: 1px;} .fixed_header #main{ padding-top:88px; } // padding of the main container should be equal height as the header height above .fixed_header.social_header #main{ padding-top:147px; } // padding of the main container when a fixed header with social elements is selected .fixed_header #header{ position: fixed; } .html_boxed.fixed_header #header{ width:auto; } .html_boxed #main {position: relative; z-index: 2; overflow: hidden; } */ /* #header{ position: relative; z-index: 400; width:100%; background-color: transparent; } */ /* #header_meta{ border-top:none; box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.2); z-index: 400; min-height: 30px; z-index: 1; } */ /* #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; } */ /* .nonfixed_header .header_bg { opacity: 1; filter: alpha(opacity=1); } */ /*logo*/ /* div .logo{ float:left; position: absolute; left:0; } */ /* .logo, .logo a{ overflow: hidden; position: relative; display: block; height: 100%; } */ /* .logo img{ padding:5px 0; display: block; width: auto; height: auto; max-height: 100%; height : 100%\9; //hack: fixes ie8 logo height: auto\9; //hack: fixes ie8 squished logo } */ /*menu*/ .main_menu { clear: none; position: absolute; z-index: 100; line-height: 30px; height: 100%; margin: 0; right: 0; } .main_menu ul { margin: 0; padding: 0; } .main_menu ul:first-child > li > ul { border-top-width: 2px; border-top-style: solid; } .main_menu .pointer_arrow_wrap { display: none; } .main_menu ul:first-child > li { line-height: 30px; } .main_menu ul:first-child > li > a { display: block; text-decoration: none; padding: 0 13px; font-weight: normal; font-size: 12px; font-weight: 600; font-size: 13px; } #top .main_menu .menu li:first-child > a { border-top: none; } #top .main_menu .menu > li:last-child > a { padding-right: 0; } #top .main_menu .menu ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 1px; } .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a { font-weight: 600; } .main_menu .menu li a strong { display: block; font-size: 14px; font-weight: normal; cursor: pointer; } #top .main_menu .menu li { float: left; position: relative; z-index: 20; } #top .main_menu .menu li:hover { z-index: 100; } #top .main_menu ul:first-child > li > ul > li, #top .main_menu ul:first-child > li > ul > li li { margin: 0; padding: 0; width: 100%; } .main_menu .menu ul { display: none; margin-left: 0; left: 0; position: absolute; top: 100%; width: 208px; z-index: 2; padding: 0 0; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); margin-top: -1px; } .main_menu .menu ul li a { border-right-style: solid; border-right-width: 1px; border-left-style: solid; border-left-width: 1px; } #top .main_menu .menu li 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; } #top .main_menu .menu ul ul { top: auto; padding-top: 0px !important; } #top .main_menu .menu li ul ul { left: -207px; top: 0px; margin: 0; border-top-style: solid; border-top-width: 1px; } #top .main_menu .menu li:hover ul ul, #top .main_menu .menu li:hover ul ul ul, #top .main_menu .menu li:hover ul ul ul ul { display: none; } #top .main_menu .menu li:hover ul, #top .main_menu .menu li li:hover ul, #top .main_menu .menu li li li:hover ul, #top .main_menu .menu li li li li:hover ul { display: block; } .current_page_item > a, .current-menu-item > a { font-weight: 600; } .avia-menu-fx { position: absolute; bottom: -1px; height: 2px; z-index: 10; width: 100%; left: 0; opacity: 0; visibility: hidden; } li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, 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; } .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; } /*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 { 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: -5px 0 0 0; right: 0; position: absolute; top: 100%; z-index: 2; padding: 4px 0; -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1); overflow: hidden; padding: 5px 0 0; } #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%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-style: none; border-width: 0px; position: relative; top: 0; display: block; left: 0; } /*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; } #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; } #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; } /*ajax search*/ #top #menu-item-search { z-index: 100; } #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont { font-size: 17px; } #top #menu-item-search.menu-item-search-dropdown > a { border: none; } .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); -moz-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; } #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: 39px; 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("../images/layout/loading.gif") no-repeat scroll center center white; 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 .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; } #top div .ajax_search_entry.with_image .ajax_search_image { background: transparent; } .ajax_search_content { overflow: hidden; display: block; } .ajax_search_title { display: block; font-weight: bold; text-transform: uppercase; } .ajax_not_found .ajax_search_title { text-transform: none; } .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; } .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 .ajax_search_entry_view_all { text-align: center; font-weight: bold; border: none; } #top div .ajax_not_found, #top div .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: 10px 0; 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_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: 0; 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; } /*prettyphoto enhancements*/ div.pp_default div .pp_content { background-color: #f8f8f8; padding-bottom: 5px; } div.pp_default iframe { width: 100%; } .pp_default div .pp_description { overflow: hidden; } div.pp_default div.pp_content_container .pp_details { margin-top: 12px; } div div.ppt { font-size: 12px; font-weight: bold; } div.pp_loaderIcon { margin: -12px 0 0 -16px; } .pp_gallery { display: none !important; } body div.pp_default .pp_description { margin: 9px 50px 5px 0; color: #666; } /*--------------------alternate header styles---------------*/ /*bottom nav menu*/ .bottom_nav_header.social_header .logo { position: relative; } .bottom_nav_header.social_header .main_menu, .bottom_nav_header.social_header .main_menu { clear: both; position: relative; line-height: 40px; height: 100%; width: 100%; float: left; } .bottom_nav_header.social_header .main_menu > div, .bottom_nav_header.social_header .main_menu ul:first-child { width: 100%; height: 35px; } .bottom_nav_header.social_header .main_menu ul:first-child > li:first-child a { border-left-style: solid; border-left-width: 1px; } .bottom_nav_header.social_header .main_menu ul:first-child > li a { border-right-style: solid; border-right-width: 1px; font-size: 12px; } .bottom_nav_header.social_header #top .main_menu ul:first-child > li:hover { z-index: 1000; position: relative; } .bottom_nav_header.social_header #top .main_menu .menu-item-search-dropdown { float: right; } #header_main_alternate { border-top: none; border-bottom-style: solid; border-bottom-width: 1px; } #header_main_alternate .main_menu .menu li ul ul { left: 207px; } #header_main_alternate .avia_mega_div { right: auto; left: 0; } /*social bookmarks*/ #top .social_bookmarks { height: 30px; z-index: 150; margin: 0; -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; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-right-style: solid; border-right-width: 1px; } #top #header .social_bookmarks li:last-child { border-right: none; } #top .social_bookmarks li a { float: left; width: 30px; line-height: 32px; display: block; margin: 0px; outline: none; padding: 0; min-height: 30px; height: 100%; overflow: hidden; z-index: 2; position: relative; text-align: center; } #top .social_bookmarks li a:hover { text-decoration: none; } #top .social_bookmarks_rss:hover a { color: #fff; background-color: #ffa133; } #top .social_bookmarks_facebook:hover a { color: #fff; background-color: #37589b; } #top .social_bookmarks_twitter:hover a { color: #fff; background-color: #46d4fe; } #top .social_bookmarks_mail:hover a { color: #fff; background-color: #9fae37; } #top .social_bookmarks_dribbble:hover a { color: #fff; background-color: #e44885; } #top .social_bookmarks_linkedin:hover a { color: #fff; background-color: #419cca; } #top .social_bookmarks_search:hover a { color: #fff; background-color: #222222; } #top .social_bookmarks_gplus:hover a { color: #fff; background-color: #de5a49; } #top .social_bookmarks_behance:hover a { color: #fff; background-color: #008cfa; } #top .social_bookmarks_flickr:hover a { color: #fff; background-color: #ff0086; } #top .social_bookmarks_forrst:hover a { color: #fff; background-color: #234317; } #top .social_bookmarks_myspace:hover a { color: #fff; background-color: #000000; } #top .social_bookmarks_tumblr:hover a { color: #fff; background-color: #345574; } #top .social_bookmarks_vimeo:hover a { color: #fff; background-color: #31baff; } #top .social_bookmarks_youtube:hover a { color: #fff; background-color: #a72b1d; } #top .social_bookmarks_pinterest:hover a { color: #fff; background-color: #cb2027; } #top .social_bookmarks_skype:hover a { color: #fff; background-color: #12a5f4; } #top .social_bookmarks_instagram:hover a { color: #fff; background-color: #a67658; } #top .social_bookmarks_five_100_px:hover a { color: #fff; background-color: #222222; } #top .social_bookmarks_soundcloud:hover a { color: #fff; background-color: #F76700; } #top .social_bookmarks_xing:hover a { color: #fff; background-color: #006567; } #header_main .social_bookmarks { position: absolute; top: 50%; margin-top: -15px; right: 0; } #header_main .social_bookmarks li { border: none; } #header_main .social_bookmarks li a { border-radius: 100px; } /*first level*/ .sub_menu { position: absolute; top: 50%; right: 0; z-index: 2; font-size: 11px; margin-top: -4px; line-height: 30px; } #top .sub_menu > ul { float: left; } #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:last-child, .sub_menu > div > ul > li:last-child { border: none; padding-right: 0; } .sub_menu > ul > li > a, .sub_menu > div > ul > li > a { text-decoration: none; font-weight: bold; padding: 10px 0; } /*second level*/ #top .sub_menu li ul { display: none; position: absolute; width: 170px; padding: 4px 0; z-index: 101; -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 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 ====================================================================================================================================================== */ /* .content, .sidebar{ padding-top:50px; padding-bottom:50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; min-height: 1px; z-index: 1; } */ .content:hover, .sidebar:hover { z-index: 10; } /*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; } */ /* .content .entry-content-wrapper p a{ display: inline-block; } */ /* .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; } /*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; } */ /* .sidebar_left .template-blog .blog-meta { float: right; } .sidebar_left .multi-big .post_author_timeline , .sidebar_left .single-small .post_author_timeline { left:auto; right:90px; } .sidebar_left .big-preview{ padding:0 131px 10px 0; } div .single-big .pagination{padding:1px 50px 10px 1px;} */ /* .sidebar_left .big-preview.single-big { padding: 0 0 10px 0; } */ /* .sidebar_left .author-extra-border{right:auto; left:-50px;} */ /*no sidebar*/ /* .fullsize .content{ margin:0; border:none; } */ /* .fullsize .content .entry-content-wrapper{ padding-right:0; } */ /* #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:15px; line-height: 25px; max-width: 800px; margin:0 auto; overflow: visible; } #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 600px; 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 .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 .first-quote { margin-top: 15px; } #top .fullsize .template-blog .big-preview.multi-big { margin-bottom: -48px; 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: 600px; max-width: 100%; margin: 0 auto; } .fullsize .comment_content { padding-right: 0; } .fullsize .blog-tags { display: block; } /*sidebar doenst matter: */ .post { clear: both; width: 100%; float: left; position: relative; } .template-blog .post .entry-content-wrapper { padding-right: 25px; 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; } .rounded-container, .rounded-container img { border-radius: 111px; overflow: hidden; display: block; position: relative; z-index: 2; } .rounded-container { border-style: solid; border-width: 3px; float: left; width: 81px; height: 81px; text-align: center; line-height: 76px; } .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; } .post-meta-infos { font-size: 12px; 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; } .big-preview.single-big { padding: 0 50px 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; } .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; } /*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: 34px; 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; } .template-blog .pagination { padding: 1px 50px 10px 24px; } /*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: 200; } #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; } /*related posts*/ .related_posts { position: relative; clear: both; width: 100%; float: left; border-top-style: solid; border-top-width: 1px; padding: 23px 33px 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: 50px; min-width: 100%; max-width: 100%; } .related_posts_default_image img { visibility: hidden; } .relThumb { text-align: center; } .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; } /*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: 100; 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 { font-size: 13px; } .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; } /* ====================================================================================================================================================== #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; margin-bottom: 10px; } .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; } .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: 13px; } .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 { margin-bottom: 25px; margin-top:25px; padding-left:45px;} /* ====================================================================================================================================================== #Sidebar & Widgets ====================================================================================================================================================== */ .widgettitle { font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; } .widget { clear: both; position: relative; padding: 30px 0 30px 0; float: none; } #footer .widget { padding: 0; margin: 30px 0 30px 0; } #top .widget ul { padding: 0; margin: 0; width: 100%; float: left; } .widget li { clear: both; } .widget ul ul li, .widget ul ol li, .widget ol ol li, .widget ol ul li { margin-bottom: 0; } .sidebar .widget .seperator { /* position: absolute; bottom: 0; left:0; padding:1px; width:20%; border-bottom-width:1px ; border-bottom-style: solid; */ } .sidebar .widget:first-child, .content .sidebar .widget:first-child { padding-top: 0; border-top: none; } /*nav menu widget*/ /* .widget_nav_menu a{ display: block; padding:4px 0px 5px 0; text-decoration: none; } */ /* div .widget_nav_menu{ padding-bottom:24px; } */ /* .widget_nav_menu ul{margin:0; padding:0;} */ /* #top .widget_nav_menu li{ position: relative; -webkit-box-sizing: content-box; // Safari/Chrome, other WebKit -moz-box-sizing: content-box; // Firefox, other Gecko box-sizing: content-box; margin:0; clear:both; } */ /* #top .widget_nav_menu ul ul li:before { content: "\2219"; position: absolute; top:5px; } */ /* #top .sidebar_left .widget_nav_menu ul ul li:before { right: -10px; } */ /* #top .widget_nav_menu ul ul li a{ padding:6px 0px 7px 12px; } */ /* .widget_nav_menu .current-menu-item>a, .widget_nav_menu .current_page_item>a{ font-weight: bold; } */ /* .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor{ padding-left: 51px; left: -51px; top:1px; margin-top: -1px; padding-top:1px; width:100%; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); } */ /* .widget_nav_menu ul ul{ display:block; } */ /* .widget_nav_menu.widget_nav_hide_child ul ul{ display:none; } #top .widget_nav_menu .current-menu-item > ul, #top .widget_nav_menu .current_page_item > ul, #top .widget_nav_menu .current_page_ancestor > ul, #top .widget_nav_menu .current-menu-ancestor > ul{ display:block; padding:0 0 0 13px; } #top .sidebar_left .widget_nav_menu .current-menu-item > ul, #top .sidebar_left .widget_nav_menu .current_page_item > ul, #top .sidebar_left .widget_nav_menu .current_page_ancestor > ul, #top .sidebar_left .widget_nav_menu .current-menu-ancestor > ul{ padding:0 13px 0 0 ; } #top .sidebar_left .widget_nav_menu .sub-menu{ padding-right: 13px; } .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a{ border:none; padding:6px 7px 7px 0; } #top .widget_nav_menu ul ul .sub-menu, #top .widget_nav_menu ul ul .children{ padding:0 0 0 10px; overflow: hidden; margin:0; } .widget_nav_menu .nested_nav>li:first-child>a{ border:none; } #top .widget_nav_menu .nested_nav{ padding-bottom:30px; } */ /*text*/ /*twitter widget*/ /* #top .widget.tweetbox .tweets{ list-style-type: none; list-style-position: outside; border:none; } #top .widget.tweetbox .tweet{ padding:10px 0; line-height: 18px; position: relative; overflow: hidden; font-size:11px; background: none; border-top-style: dashed; border-top-width: 1px; margin:0; } #top .widget.tweetbox .tweet:first-child{ border:none; } .widget.tweetbox .tweet-thumb{ position:relative; } .widget.tweetbox .tweet-thumb a{ margin-right:9px; padding:3px; float:left; border-style: solid; border-width: 1px; margin-top: 5px; display:block; width:36px; } #top .widget.tweetbox .tweet-thumb img{display:block; float:left; border:none; padding:0; margin:0;} .widget.tweetbox .tweet-text{ position: relative; overflow: hidden; } .widget.tweetbox .tweet-time{ clear: both; font-size:11px; } .widget.tweetbox .tweet-text.avatar_no { font-size: 12px; line-height: 1.7em; font-weight: 400; } .widget.tweetbox .tweet-text.avatar_no .tweet-time{ font-style: italic; font-weight: normal; } */ /*advertising widget*/ /* .avia_partner_widget a, .avia_partner_widget a:hover{ } .avia_partner_widget{ overflow: hidden; clear:both; } .avia_partner_widget a, .avia_partner_widget a:hover { float: left; display: block; text-decoration: none; width: 46%; outline: none; border: none; padding-bottom: 46%; position: relative; margin-left: 2px; } #top .avia_partner_widget{ max-width:272px; } #top .avia_partner_widget img{ position: absolute; left:0; top:0; } .avia_partner1{ margin-right:1px; } .avia_parnter_empty{ line-height: 1em; height:97%; width:97%; display: block; font-size:10px; text-align: center; position: absolute; border-style: solid; border-width: 1px; } .avia_parnter_empty span{ width:100%; position: absolute; top:50%; margin-top:-5px; text-align: center; left:0; } */ /*maps*/ /* .avia_google_maps_container{ height:230px; width:100%; } .content .avia_google_maps_container{ height:230px; } #top .widget .infoWindow input[type="text"]{ margin: 0 0px 3px 0; } .avia_google_maps_container img, .avia_google_maps_container a img{ max-width: none; } .avia_google_maps_container div, .avia_google_maps_container img, .avia_google_maps_container a{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } */ /*news widget*/ /*rss*/ .widget_rss li { line-height: 1.5em; font-size: 11px; } .widget_rss li div { font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-style: italic; } .rsswidget { display: block; font-weight: bold; } .rss-date, .widget_rss cite { font-size: 11px; } .widget_rss li { padding: 7px 0; } .widget_rss .widgettitle img { display: none; } /*recentcomments, recent entries*/ .recentcomments, .widget_recent_entries li { padding: 7px 0; display: block; font-size: 11px; line-height: 1.5em; } .recentcomments a, .widget_recent_entries li a { font-style: italic; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; } .recentcomments, .widget_recent_entries li { border-top-width: 3px; border-top-style: solid; } .recentcomments:first-child, .widget_recent_entries li:first-child { border-top: none; } /*sidebar left mods for all widgets*/ /* .sidebar_left .widget_nav_menu ul:first-child>.current-menu-item, .sidebar_left .widget_nav_menu ul:first-child>.current_page_item, .sidebar_left .widget_nav_menu ul:first-child>.current-menu-ancestor{ padding-right: 52px; padding-left:0; left: auto; top:1px; } */ /* .sidebar_left.sidebar{text-align: right;} */ .sidebar_left .news-thumb { float: right; margin: 4px 0 0 9px; } /*TWITTER WIDGET PRO STYLES*/ #top .widget_twitter { font-size: 12px; line-height: 1.65em; } #top .widget_twitter .twitter-avatar { float: left; margin-right: 13px; border-style: solid; border-width: 1px; padding: 3px; display: block; } #top .widget_twitter .twitter-avatar a, #top .widget_twitter .twitter-avatar img { display: block; } #top .widget_twitter ul { overflow: hidden; margin: 0; padding: 0; } #top .widget_twitter li { padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom-style: solid; border-bottom-width: 2px; } #top .widget_twitter li:last-child { border-bottom: none; } #top .widget_twitter .entry-content-wrapper { padding: 0; margin: 0; float: none; clear: both; position: relative; border: none; width: 100%; } #top .widget_twitter .entry-meta { display: block; font-size: 11px; font-style: italic; opacity: 0.8; margin-top: 5px; } #top .widget_twitter .intent-meta { display: block; font-size: 11px; margin-top: 8px; } #top .widget_twitter .intent-meta a { text-decoration: none; margin-right: 4px; } #top .widget_twitter .intent-meta a:hover { text-decoration: underline; } /* ====================================================================================================================================================== #Footer & #Socket ====================================================================================================================================================== */ #footer { padding: 15px 0 30px 0; z-index: 1; } #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: 10000; visibility: hidden; } #scroll-top-link.avia_pop_class { opacity: 0.7; visibility: visible; } /* ====================================================================================================================================================== #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: 11px; 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; } .sidebar_right .comment_container { padding-right: 50px; } .sidebar_left .comment_container { margin-left: 0; } /*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 div input { margin: 0; } .commentlist #commentform label { position: static; display: block; } #commentform .required, .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; } /* ====================================================================================================================================================== #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, #advanced_menu_toggle, #advanced_menu_hide, .avia-slideshow-button { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main_menu a, .pagination a { -ms-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -webkit-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; transition: color 0.15s ease-out; -ms-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; -webkit-transition: background 0.15s ease-out; -o-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.32, 1.275); /* Safari 4+ */ -moz-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 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.32, 1.275); /* Safari 4+ */ -moz-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ } @-webkit-keyframes avia_pop { 0% { -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes avia_pop { 0% { -moz-transform: scale(0.8); } 100% { -moz-transform: scale(1); } } @-o-keyframes avia_pop { 0% { -o-transform: scale(0.8); } 100% { -o-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); } } @-moz-keyframes avia_pop_small { 0% { -moz-transform: rotate(-175deg) scale(0.2); } 100% { -moz-transform: rotate(0deg) scale(1); } } @-o-keyframes avia_pop_small { 0% { -o-transform: rotate(-175deg) scale(0.2); } 100% { -o-transform: rotate(0deg) scale(1); } } @keyframes avia_pop_small { 0% { transform: rotate(-175deg) scale(0.2); } 100% { transform: rotate(0deg) scale(1); } } /* #Media Queries ================================================== */ /* large screens with 1140px with */ /* Smaller than standard 960 (devices and browsers) */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top .mobileMenu { position: absolute; top: 50%; margin: -15px 0 0 0; width: 250px; right: 0; max-width: 250px; } .responsive .main_menu ul:first-child > li > a { padding: 0 10px; } .responsive #top #header { position: relative; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive #top #main { padding-top: 0; } .responsive #main .container_wrap:first-child { border-top: none; } .responsive .mobile_slide_out .logo { float: left; } .responsive .mobile_slide_out .logo img { margin: 0; } .responsive .mobile_menu_tablet .main_menu { display: none; } } /* 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 .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; } /*all templates*/ .responsive .title_container .breadcrumb { position: relative; right: auto; top: -6px; margin: 0; left: -2px; } .responsive .pagination { padding-left: 0; padding-right: 0; } .responsive #header .main_menu ul { display: none; } /*header*/ .responsive #top #header { position: relative; } .responsive #top #main { padding-top: 0; } .responsive #main .container_wrap:first-child { border-top: none; } .responsive .main_menu { position: static; } .responsive .logo { position: static; height: 80px; float: none; } .responsive .mobile_slide_out .logo { float: left; } .responsive .logo img { margin: 0 auto; } .responsive #header_main .container { height: auto !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive #top .mobileMenu { margin: 0 0 10px 0; width: 100%; padding: 10px 4px; } .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 { padding-bottom: 2px; width: 100%; } .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 a { 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 { width: 100%; text-align: center; height: auto; line-height: 0.8em; } .responsive #header_meta .sub_menu > ul li, .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 #header_main_alternate .mobileMenu { margin: 16px 0; } .responsive.bottom_nav_header.social_header .main_menu > div { height: auto; } .responsive .mobile_slide_out .logo img { margin: 0; } /*related images*/ .responsive .related_entries_container .av_one_eighth { width: 25%; } .responsive .relThumb5 { clear: both; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #socket .sub_menu_socket { float: none; margin-left: -20px; } /*portfolio*/ .responsive #top .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 { width: 100%; } .responsive #top .grid-sort-container .grid-entry { width: 50%; margin-bottom: 0; } .responsive #top .portfolio-parity-odd { clear: both; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive #socket .sub_menu_socket { display: none; } /*related images*/ .responsive .related_entries_container .av_one_eighth { width: 50%; } .responsive .related_entries_container .av_one_eighth:nth-child(odd) { clear: both; } } /*Added with version 1.3*/ /*mobile-advanced*/ #mobile-advanced { width: 100%; right: -100%; position: absolute; z-index: 1000; top: 0; height: 100%; padding: 90px 0; overflow: hidden; border-left-style: solid; border-left-width: 1px; margin-left: -2px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; display: none; } .show_mobile_menu { overflow: hidden; } .csstransforms3d #mobile-advanced { -webkit-transform: scale3d(0.5); -moz-transform: scale3d(0.5); -ms-transform: scale3d(0.5); -o-transform: scale3d(0.5); transform: scale3d(0.5); } .show_mobile_menu #mobile-advanced { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .csstransforms3d .show_mobile_menu #mobile-advanced { -webkit-transform: scale3d(1); -moz-transform: scale3d(1); -ms-transform: scale3d(1); -o-transform: scale3d(1); transform: scale3d(1); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } #mobile-advanced > li:first-child > a:first-child { border-top-style: solid; border-top-width: 1px; } #mobile-advanced li { margin: 0; padding: 0; position: relative; float: none; clear: both; } #mobile-advanced li > a:before { content: "\25B6"; position: absolute; top: 13px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px; } #mobile-advanced ul { margin: 0; padding: 0; display: block; width: 100%; left: 0; position: relative; } #mobile-advanced a, #mobile-advanced .mega_menu_title { padding: 13px 28px; border-bottom-style: solid; border-bottom-width: 1px; width: 100%; display: block; margin: 0; text-decoration: none; position: relative; } #mobile-advanced ul a { padding-left: 40px; } #mobile-advanced ul ul a { padding-left: 60px; } #mobile-advanced ul ul ul a { padding-left: 80px; } #mobile-advanced ul ul ul ul a { padding-left: 100px; } /*mega menu fixes*/ #mobile-advanced .avia-bullet { display: none; } #mobile-advanced .avia_mega_div { width: 100%; margin: 0; float: none; } #mobile-advanced .mega_menu_title a { padding: 0; border: none; } #advanced_menu_toggle, #advanced_menu_hide { position: absolute; border-radius: 2px; height: 47px; width: 47px; line-height: 47px; text-decoration: none; text-align: center; right: 0; top: 50%; margin-top: -24px; z-index: 10000; border-style: solid; border-width: 1px; font-size: 30px; display: none; } .bottom_nav_header #advanced_menu_toggle { top: 40px; } #advanced_menu_hide { display: block; z-index: 10001; visibility: hidden; opacity: 0; top: 44px; right: 23px; } .show_mobile_menu #advanced_menu_hide { opacity: 1; visibility: visible; } @media only screen and (max-width: 989px) { #mobile-advanced { display: block; } #mobile-advanced .avia-menu-fx { display: none; visibility: hidden; } .mobile_active #advanced_menu_toggle { display: block; } } /* ====================================================================================================================================================== GENERIC ====================================================================================================================================================== */ p:empty, .content:empty { display: none; } .avia-shadow { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } /*fix webkit flickering bug*/ .avia_textblock, .avia-icon-list, .avia-button, .avia-testimonial, .iconbox, .avia_message_box, .avia-team-member, .widget, .post, .team-img-container img, .team-social, .iconlist_icon, .fallback-post-type-icon, .fullsize .related_posts, .grid-image, .avia-caption-content, .avia-caption-title, .content { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } body .container_wrap .avia-builder-el-no-sibling { margin-top: 0; margin-bottom: 0; } body .container_wrap .avia-builder-el-last { margin-bottom: 0; } body .container_wrap .avia-builder-el-first { margin-top: 0; } .title-only h2 { border: none; font-size: 13px; text-transform: none; margin: 0; padding: 0; font-weight: normal; } .title-only a { color: #000; } .title-only .post-meta-infos { display: none; } /* ====================================================================================================================================================== TEXT BLOCK ====================================================================================================================================================== */ .avia_textblock { clear: both; } .flex_column + .avia_textblock { padding-top: 50px; } /* ====================================================================================================================================================== Columns ====================================================================================================================================================== */ body .column-top-margin { margin-top: 50px; } /* ====================================================================================================================================================== HEADING ====================================================================================================================================================== */ .av-special-heading { width: auto; clear: both; display: table; padding-top: 35px; } .flex_column + .av-special-heading { float: left; } body .av-special-heading > * { padding: 0; margin: 0; display: table-cell; vertical-align: middle; white-space: pre; line-height: 1.4em; font-weight: 700; } .meta-heading h1, .meta-heading h2, .meta-heading h3, .meta-heading h4, .meta-heading h5, .meta-heading h6 { font-weight: normal; } body .av-special-heading .special-heading-border { width: 100%; vertical-align: middle; position: relative; overflow: hidden; display: none; } .special-heading-inner-border { display: block; width: 100%; left: 15px; border-top-style: solid; border-top-width: 1px; position: relative; top: 50%; display: none; } /*quote style*/ body .av-special-heading.blockquote > * { white-space: normal; } .av-special-heading.classic-quote { text-align: center; } body .av-special-heading.classic-quote > * { display: block; font-family: "Droid Serif", Georgia, Times, serif; font-weight: normal; font-style: italic; } body .av-special-heading.blockquote .special-heading-border { display: none; } /* ====================================================================================================================================================== COLOR SECTION ====================================================================================================================================================== */ .avia-section { clear: both; width: 100%; float: left; min-height: 100px; } .avia-full-stretch { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #top #main .avia-section .template-page { width: 100%; border: none; } .avia-section .template-page .entry { padding-right: 0; } .avia-section-small .content, .avia-section-small .sidebar { padding-top: 20px; padding-bottom: 20px; } .avia-section-large .content, .avia-section-large .sidebar { padding-top: 70px; padding-bottom: 70px; } .avia-section-no-padding .content, .avia-section-no-padding .sidebar { padding-top: 0; padding-bottom: 0; } .nonfixed_header .container_wrap:first-child, .avia-section.avia-full-stretch { border-top: none; } /* ====================================================================================================================================================== ICONBOX ====================================================================================================================================================== */ #top .iconbox { background: transparent; } .iconbox { margin-bottom: 30px; position: relative; } .iconbox_icon { float: left; margin: 0 10px 0 0; height: 23px; width: 23px; font-size: 23px; line-height: 18px; } .iconbox .iconbox_content .iconbox_content_title { border: medium none; padding: 0; position: relative; margin: 0 0 16px 0; clear: none; overflow: hidden; letter-spacing: 1px; text-transform: uppercase; font-size: 16px; } #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 -28px; 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; } /* ====================================================================================================================================================== ICONLIST ====================================================================================================================================================== */ .avia-icon-list-container { margin: 30px 0; } .avia-icon-list { margin: 0; padding: 0 !important; } .avia-icon-list li { margin: 0; padding: 0 0 30px 0; list-style-type: none; list-style-position: outside; clear: both; overflow: hidden; position: relative; min-height: 60px; } .avia-icon-list .iconlist_icon { height: 64px; width: 64px; line-height: 60px; font-size: 30px; text-align: center; border-radius: 500px; position: relative; float: left; margin-right: 30px; margin-left: 2px; z-index: 5; border-style: solid; border-width: 2px; color: #fff; } .avia-icon-list .iconlist_title { text-transform: uppercase; top: 4px; margin-bottom: 0; position: relative; } .avia-icon-list .iconlist_content_wrap { overflow: hidden; min-height: 1.5em; } .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 li:last-child .iconlist-timeline { display: none; } /*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 .iconlist_icon { opacity: 0.1; -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .avia_transform .iconlist-timeline { height: 0%; } .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon { -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Safari 4+ */ -moz-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .avia_transform .avia-icon-list .avia_start_animation .iconlist-timeline { -webkit-animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Safari 4+ */ -moz-animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ height: 100%; } /* ====================================================================================================================================================== 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; } .hr-invisible, .hr-invisible .hr-inner { margin: 0; border: 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; } /* ====================================================================================================================================================== 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; background-image: url("../images/layout/bg-button.png"); background-repeat: repeat-x; background-position: 0 0; padding: 10px; font-size: 12px; text-decoration: none; display: inline-block; border-style: solid; border-width: 1px; margin: 3px 0; line-height: 1.2em; position: relative; font-weight: 600; text-align: center; max-width: 100%; } .avia-button:hover { background-position: 0 -7px; } .avia-button.avia-color-theme-color-subtle { background-image: none; } .avia-button .avia_button_icon { position: relative; left: -0.3em; } .avia-button.avia-icon_select-no .avia_button_icon { display: none; } .avia-button.avia-size-small .avia_button_icon { left: -2px; } .avia-button.avia-color-grey, .avia-button.avia-color-grey:hover { background-color: #555; border-color: #555; text-shadow: 0 1px 0 black; color: #fff; } .avia-button.avia-color-black, .avia-button.avia-color-black:hover { background-color: #222; border-color: #222; text-shadow: 0 -1px 0 black; color: #fff; } .avia-button.avia-color-red, .avia-button.avia-color-red:hover { background-color: #B02B2C; border-color: #B02B2C; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); color: #5d1a1b; } .avia-button.avia-color-orange, .avia-button.avia-color-orange:hover { background-color: #edae44; border-color: #edae44; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #745521; } .avia-button.avia-color-green, .avia-button.avia-color-green:hover { background-color: #83a846; border-color: #83a846; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #415324; } .avia-button.avia-color-blue, .avia-button.avia-color-blue:hover { background-color: #7bb0e7; border-color: #7bb0e7; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #3f5871; } .avia-button.avia-color-aqua, .avia-button.avia-color-aqua:hover { background-color: #4ecac2; border-color: #4ecac2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #286460; } .avia-button.avia-color-teal, .avia-button.avia-color-teal:hover { background-color: #5f8789; border-color: #5f8789; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #314445; } .avia-button.avia-color-purple, .avia-button.avia-color-purple:hover { background-color: #745f7e; border-color: #745f7e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #3c3240; } .avia-button.avia-color-pink, .avia-button.avia-color-pink:hover { background-color: #d65799; border-color: #d65799; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #692b4b; } .avia-button.avia-color-silver, .avia-button.avia-color-silver:hover { background-color: #d7d7d7; border-color: #d7d7d7; text-shadow: 0 1px 0 white; color: #444; } body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover { color: #fff; color: rgba(0, 0, 0, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } .avia-button-center { display: block; text-align: center; } .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: 7px 10px; font-size: 13px; min-width: 80px; } .avia-button.avia-size-medium { padding: 10px 16px; font-size: 14px; min-width: 90px; } .avia-button.avia-size-large { padding: 13px 30px; font-size: 14px; min-width: 127px; } /* ====================================================================================================================================================== 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 { 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 { 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 { 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 { 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 { background-color: #333; border-color: #444; text-shadow: 0 1px 0 black; color: #fff; } .avia_message_box.avia-color-silver { background-color: #f8f8f8; border-color: #e1e1e1; text-shadow: 0 1px 0 white; color: #444; } .avia_message_box_content p { display: inline; } .avia_message_box.avia-color-blue .avia_message_box_title { background: rgba(70, 113, 163, 0.08); } .avia_message_box.avia-color-red .avia_message_box_title { background: rgba(175, 44, 32, 0.06); } .avia_message_box.avia-color-orange .avia_message_box_title { background: rgba(250, 235, 125, 0.2); } .avia_message_box.avia-color-grey .avia_message_box_title { background: rgba(255, 255, 255, 0.05); } .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; } /* ====================================================================================================================================================== Tabs ====================================================================================================================================================== */ .tabcontainer { margin: 30px 0; position: relative; width: 100%; clear: both; } .tab_titles { position: relative; width: 100%; clear: both; float: left; } .widget .tabcontainer { margin-top: 0px; } .js_active .tab_content { display: none; clear: both; padding: 10px 19px; overflow: auto; position: relative; } .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: 11px; -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; z-index: 3; position: relative; overflow: auto; border-style: solid; border-width: 1px; border-radius: 2px; } .tabcontainer .tab_icon { margin-right: 7px; font-size: 14px; } .tab_inner_content { margin: 30px 0; } /*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; } .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: 13px 3px 9px 35px; position: relative; top: 1px; border-style: solid; border-width: 1px; border-color: #dedede; -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-color: #e1e1e1; border-top-left-radius: 2px; border-top-right-radius: 2px; background: #fafafa; } .togglecontainer > div:last-of-type .toggler { border-color: #e1e1e1; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #fafafa; } .togglecontainer > p.activeTitle { border-radius: 0; } .toggle_content { padding: 12px 30px 11px 30px; margin: 0px 0 5px 0; border-color: #e1e1e1; 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: 13px; height: 13px; border-style: solid; border-width: 1px; top: 12px; left: 10px; background: #87b132; color: #fff; padding: 2px; } .toggle_icon .vert_icon { border-left-style: solid; border-left-width: 3px; position: absolute; left: 7px; top: 3px; height: 11px; } .toggle_icon .hor_icon { border-top-style: solid; border-top-width: 3px; position: absolute; top: 7px; left: 3px; width: 11px; } .activeTitle .toggle_icon .vert_icon { border: none; } .activeToggle.toggle_wrap { display: block; } /*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 4px 0; padding-bottom: 1px; overflow: hidden; position: relative; background: #fafafa; } /* ====================================================================================================================================================== Promo Box ====================================================================================================================================================== */ .av_promobox { position: relative; border-width: 1px; border-style: solid; overflow: hidden; padding: 20px 30px; clear: both; float: left; } .flex_column > .av_promobox:first-child { margin-top: 0; } .av_promobox .avia-button { right: 30px; top: 50%; position: absolute; z-index: 2; } .avia-promocontent { margin-right: 275px; position: relative; z-index: 3; } .avia-promocontent p { font-size: 14px; } .avia-button-no .avia-promocontent { margin: 0; } .avia-button-no .avia-button { display: none; } .av_promobox .avia-button.avia-size-small { margin-top: -15px; } .av_promobox .avia-button.avia-size-medium { margin-top: -21px; } .av_promobox .avia-button.avia-size-large { margin-top: -23px; } @media only screen and (max-width: 767px) { .responsive .avia-promocontent { margin: 0; } .responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap { width: 100%; margin-top: 4px; position: relative; top: 0; left: 0; text-align: center; float: none; } } /* ====================================================================================================================================================== Dropcaps ====================================================================================================================================================== */ .av_dropcap1 { display: block; float: left; font-size: 16px; line-height: 16px; margin: 0px 8px 0 0; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .av_dropcap2 { display: block; float: left; font-size: 18px; line-height: 35px; width: 35px; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font-weight: bold; } .green { background: green; color: #fff; } .orange { background: orange; color: #fff; } /* ====================================================================================================================================================== Contact Form ====================================================================================================================================================== */ fieldset { border: none; } .ajax_form { clear: both; } .ajax_form fieldset p br { display: none; } .ajax_form label { display: block; visibility: visible; position: relative; } /*dont delete. ie8 needs this separate*/ .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 .ajax_form .text_input, #top .ajax_form .select, #top .ajax_form .text_area { width: 100%; margin-bottom: 0; display: inline; min-width: 100px; padding: 13px; border-radius: 2px; } #top select, #top .ajax_form .select, #top .content select, #top .mobileMenu { -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; border-radius: 2px; } #top select[multiple] { background-image: none; } #top .ajax_form input[type="checkbox"] { float: left; margin-right: 8px; top: 2px; position: relative; } .value_verifier_label { position: absolute; bottom: 11px; left: 10px; } #top .ajax_form .captcha { padding-left: 65px; } .ajax_form p { position: relative; clear: both; float: left; width: 100%; } .ajax_form p.hidden { position: absolute; width: 0px; left: 0; top: 0; } .ajax_form .form_element_half { width: 49.5%; float: left; margin-right: 1%; } .ajax_form .form_element_half_2 { clear: none; margin-right: 0; } .ajax_form .button { margin: 0; padding: 16px 50px; border-radius: 2px; } .form_element_half .button { width: 100%; padding: 14px 10px 15px; } .modified_width::before { display: block; content: "Submit Form"; visibility: hidden; } #footer .ajax_form textarea { height: 90px; } @media only screen and (max-width: 479px) { .responsive .ajax_form .form_element_half { width: 100%; clear: both; margin-right: 0; float: none; } } /* ====================================================================================================================================================== Table ====================================================================================================================================================== */ /* #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: left; 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; } /*data table*/ div .avia-table { background: transparent; width: 100%; clear: both; margin: 30px 0; } .avia-highlight-col { background: #fafafa; } .avia-data-table .avia-button-row td { text-align: center; } .avia-data-table .avia-center-col { text-align: center; } .avia-data-table td:before { display: none; } .avia-data-table .avia-pricing-row td, .avia-data-table .avia-pricing-row th { text-align: center; font-size: 40px; line-height: 1.3em; } .avia-data-table .avia-desc-col { text-align: right; } .avia-data-table .avia-pricing-row small { display: block; font-size: 11px; font-style: italic; line-height: 1.7em; } .avia-data-table .avia-pricing-row .avia-desc-col { font-size: 14px; text-align: right; } @media only screen and (max-width: 767px) { .responsive div .avia-data-table table, .responsive div .avia-data-table tbody, .responsive div .avia-data-table tr, .responsive div .avia-data-table td, .responsive .avia-data-table { border-style: solid; border-width: 1px; } .responsive .avia-data-table .avia-pricing-row .avia-desc-col { text-align: center; } .responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th { display: none; } .responsive .avia-data-table td:before { display: block; font-style: italic; font-size: 11px; } .responsive .avia-data-table td { position: relative; } } /*pricing table*/ .avia-pricing-table-container { position: relative; clear: both; width: 100%; display: table; table-layout: fixed; } .pricing-table-wrap { display: table-cell; } .pricing-table { margin: 10px; } .pricing-table > li { list-style-type: none; list-style-position: outside; padding: 9px 12px; border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; margin: 0; text-align: center; position: relative; } .pricing-table > li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; } .pricing-table > li:first-child, .pricing-extra { border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; } .pricing-extra { display: none; } .avia-desc-col.pricing-table li { border-style: dashed; border-left: none; border-right: none; text-align: right; } .avia-desc-col.pricing-table .avia-button-row { border: none; } .avia-center-col.pricing-table { text-align: center; } .pricing-table li.avia-pricing-row { text-align: center; font-size: 60px; line-height: 1em; padding: 25px 12px; /* text-shadow: 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 3px 0 #B9B9B9, 0 1px 0 #AAA, 0 1px 1px rgba(0, 0, 0, .1), 0 0 3px rgba(0, 0, 0, .1), 0 4px 10px rgba(0, 0, 0, .2); */ font-weight: 600; } .pricing-table li.avia-pricing-row small { display: block; font-size: 16px; font-style: italic; line-height: 1.4em; font-weight: normal; letter-spacing: 1px; text-shadow: none; } .pricing-table.avia-highlight-col .pricing-extra { display: block; position: absolute; top: -20px; height: 25px; left: -1px; right: -1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .pricing-table li.empty-table-cell { display: none; } .pricing-table.avia-desc-col li.empty-table-cell { display: block; } .fallback-table-val { visibility: hidden; } .pricing-table.avia-highlight-col { box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1); margin: 4px; } .pricing-table.avia-highlight-col > li:last-child { padding-bottom: 25px; } .pricing-table.avia-highlight-col .first-table-item { position: relative; top: -9px; z-index: 10; } table, tbody, tr, td { border-color: #bebebe !important; } .pricing-table li.avia-pricing-row .currency-symbol { font-size: 0.5em; position: relative; top: -0.6em; line-height: 1em; text-shadow: none; font-weight: normal; } .pricing-table li.avia-pricing-row small, .pricing-table li.avia-pricing-row .currency-symbol { opacity: 0.4; color: #000; filter: alpha(opacity=40); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 767px) { .responsive .avia-pricing-table-container, .responsive .pricing-table-wrap { display: block; } .responsive .pricing-table { display: block; margin-bottom: 40px; } .responsive .pricing-table.avia-desc-col { display: none; } } /* ====================================================================================================================================================== Post Slider ====================================================================================================================================================== */ .avia-content-slider { margin: 30px 0; clear: both; } .avia-content-slider, .avia-content-slider-inner { position: relative; overflow: hidden; clear: both; margin: 25px 0 0 0; } .avia-content-slider .slide-entry-title { font-size: 14px; line-height: 1.4em; margin: 0; } .avia-content-slider .slide-image, .avia-content-slider .slide-image img { overflow: hidden; border-radius: 2px; display: block; position: relative; } .avia-content-slider .slide-image { margin-bottom: 6px; } .avia-content-slider .slide-entry { overflow: hidden; } .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 { display: inline-block; font-size: 12px; } .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; } .slide-entry-excerpt { line-height: 20px; font-size: 13px; min-height: 135px; } .slider-fallback-image { visibility: hidden; } .fake-thumbnail .slide-image { border-width: 1px; border-style: solid; } .fallback-post-type-icon { position: absolute; top: 49%; left: 50%; margin: -28px 0 0 -30px; height: 60px; width: 60px; line-height: 63px; 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: 1; } #top .avia-content-slider .avia-slideshow-arrows a { /* top: 38%; margin: -30px 0 0; */ top: -13px; margin: 0; right: 40px; } @media only screen and (max-width: 767px) { .responsive #top .slide-entry { width: 48%; margin-left: 4%; } .responsive #top .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top .avia-content-slider-odd .slide-entry.slide-parity-even { margin: 0; clear: both; } .responsive #top .avia-content-slider-odd .slide-entry.first { margin-left: 0; width: 100%; } .responsive .pricing-table { display: block; margin-bottom: 40px; } } /* ====================================================================================================================================================== Portfolio/Post Grid ====================================================================================================================================================== */ .sort_width_container { margin: 30px 0; } .content .sort_width_container:first-child { margin-top: 0; } .sort_width_container, #js_sort_items { overflow: hidden; position: relative; clear: both; } #js_sort_items { visibility: hidden; font-size: 12px; } #js_sort_items a { display: block; float: left; text-decoration: none; } #js_sort_items .text-sep { float: left; padding: 0 6px; } .grid-sort-container { clear: both; position: relative; z-index: 20; } .avia_sortable_active .isotope, .avia_sortable_active .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .avia_sortable_active .isotope { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .avia_sortable_active .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope, .isotope-item, .inner-entry, .ajax_slide { -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } .isotope_activated .isotope-item { margin-left: 0; } /*single entries*/ .grid-entry { padding-bottom: 1px; overflow: visible; } .grid-entry .avia-arrow { border: none; top: -4px; } .grid-entry .inner-entry { margin-right: 1px; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2); position: relative; } .grid-image { display: block; width: 100%; } .grid-image img { width: 100%; display: block; } .grid-content { padding: 16px; position: relative; } .grid-entry-title { font-size: 13px; margin: 0; padding: 0; font-weight: 500; } .grid-entry-excerpt { font-size: 12px; font-style: italic; margin-bottom: -2px; } .with-excerpt-container .grid-entry { text-align: center; } .grid-circle .inner-entry { margin: 0; border-radius: 999px; overflow: hidden; } .grid-circle .grid-content { padding: 16px 35px 45px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .pagination-portfolio .pagination { padding: 20px 0; } /*within color section*/ .avia-section .sort_width_container { margin: 30px 0 2px 0; } .avia-section #js_sort_items { padding: 9px 15px; } .avia-section .pagination-portfolio .pagination { padding: 16px; } /*different portfolio sizes*/ .js_active .grid-image { opacity: 0; } .fullsize .grid-col-4 .grid-image { height: 161px; } .fullsize .grid-col-3 .grid-image { height: 249px; } @media only screen and (min-width: 1140px) { .responsive .fullsize .grid-col-4 .grid-image { height: 183px; } .responsive .fullsize .grid-col-3 .grid-image { height: 276px; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .fullsize .grid-col-4 .grid-image { height: 121px; } .responsive .fullsize .grid-col-3 .grid-image { height: 183px; } } @media only screen and (max-width: 767px) { .responsive .fullsize .grid-col-4 .grid-image, .responsive .fullsize .grid-col-3 .grid-image { height: auto; } } /* ====================================================================================================================================================== Team Member ====================================================================================================================================================== */ /* .avia-team-member{margin:30px 0;} .team-member-name{margin-top:7px;} .team-member-job-title{margin-top:-7px; font-size: 13px; } .team-member-description{} .team-social a{text-decoration: none; position: relative; border-radius: 30px; padding: 0 16px; background: #fff;margin: 3px; display: inline-block; height:53px; line-height:54px; width:53px; } .team-img-container{ position: relative; overflow: hidden; border-radius: 3px; text-align: center;} .team-img-container img{ display:block; margin:0 auto; } .avia-team-member .team-social{ border: 7px solid rgba(0, 0, 0, 0.1); position: absolute; font-size:20px; background: #fff; background: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; top:0; left:0; right:0; bottom:0; text-align: center; border-radius:3px; } .team-social-inner{width:100%;padding:0 5%;position: absolute; top:50%; margin-top:-26px;left:0;} .team-img-container:hover .team-social{visibility: visible; opacity: 1; } .avia-tooltip{ position: absolute; z-index: 9999999; padding:12px; margin-top:-18px; margin-left: -4px; background: #000; background: rgba(0, 0, 0, 0.8); color:#fff; width:140px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px; text-align: center; } .avia-tooltip .avia-arrow{ background: rgba(0, 0, 0, 0.8); border:none; } .avia-tooltip .avia-arrow-wrap{ width:20px; height:20px; position: absolute; bottom:-20px; left:50%; margin-left:-7px; overflow: hidden; } .avia-team-member .plus-google:hover{ color:#de5a49; } .avia-team-member .rss:hover { color:#ffa133; } .avia-team-member .facebook:hover { color:#37589b; } .avia-team-member .twitter:hover { color:#46d4fe; } .avia-team-member .mail:hover { color:#9fae37; } .avia-team-member .dribbble:hover { color:#e44885; } .avia-team-member .linkedin:hover { color:#419cca; } .avia-team-member .search:hover { color:#222222; } .avia-team-member .behance:hover { color:#008cfa; } .avia-team-member .flickr:hover { color:#ff0086; } .avia-team-member .forrst:hover { color:#234317; } .avia-team-member .myspace:hover { color:#000000; } .avia-team-member .tumblr:hover { color:#345574; } .avia-team-member .vimeo:hover { color:#31baff; } .avia-team-member .youtube:hover { color:#a72b1d; } .avia-team-member .pinterest:hover { color:#cb2027; } .avia-team-member .skype:hover { color:#12a5f4; } */ /*mobile from super small to tablet*/ @media only screen and (max-width: 989px) { .responsive .team-social a { padding: 0 8px; background: #fff; margin: 3px; margin-top: 11px; display: inline-block; height: 33px; line-height: 32px; width: 33px; border-style: solid; border-width: 1px; } .responsive #top .avia-team-member .team-img-container img { position: relative; z-index: 3; } .responsive #top .avia-team-member .team-social { border: 1px solid rgba(0, 0, 0, 0.1); position: relative; font-size: 20px; background: #FFF; background: rgba(0, 0, 0, 0.03); opacity: 1; visibility: visible; top: auto; left: 0; right: 0; bottom: 5px; height: 60px; text-align: center; border-radius: 3px; border-top-right-radius: 0px; border-top-left-radius: 0px; font-size: 15px; z-index: 1; } } /* ====================================================================================================================================================== Sidebar ====================================================================================================================================================== */ .avia-builder-widget-area { position: relative; } .flex_column .widget:first-child, .content .widget:first-child { padding-top: 0; border-top: none; } .flex_column .widget .widgettitle, .content .widget .widgettitle { margin-top: 0.85em; } /* ====================================================================================================================================================== Testimonials ====================================================================================================================================================== */ .avia-testimonial { border-right-style: dashed; border-right-width: 1px; border-bottom-style: dashed; border-bottom-width: 1px; padding: 20px; } .avia-first-testimonial { clear: both; } .avia-testimonial-wrapper .avia-testimonial-row:last-child .avia-testimonial { border-bottom: none; } .avia-testimonial.avia-last-testimonial, .avia-grid-1-testimonials .avia-testimonial { border-right: none; } .avia-testimonial-image img { border-radius: 100px; } .avia-testimonial-image { float: left; margin: 0 20px 0 0; width: 80px; height: 80px; border-radius: 100px; overflow: hidden; } .avia-testimonial-content { overflow: hidden; } .avia-testimonial-content p:first-child { margin-top: 0; } .avia-testimonial-meta { position: relative; overflow: hidden; margin-left: 100px; } .avia-testimonial-meta-mini { overflow: hidden; } .avia-testimonial-name { display: block; } .avia-testimonial-arrow-wrap { display: none; } .avia-testimonial-wrapper { display: table; margin: 5px 0; } .avia-testimonial-row { display: table-row; } body div .avia-testimonial { display: table-cell; float: none; } .avia_transform .avia-testimonial .avia-testimonial-image { opacity: 0.2; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image { -webkit-animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Safari 4+ */ -moz-animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*slider style*/ .avia-slider-testimonials.avia-testimonial-wrapper { display: block; } .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row { display: block; width: 100%; position: relative; } .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial { visibility: hidden; border: none; width: 100%; float: none; padding: 0; position: absolute; top: 0; } .js_active .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial { opacity: 0; } .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial:first-child { display: block; visibility: visible; position: relative; } .avia-slider-testimonials .avia-testimonial-meta { margin: 13px 0 0 20px; overflow: visible; font-size: 12px; } .avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image { margin: 0 10px 0 0; width: 40px; height: 40px; } .avia-slider-testimonials .avia-testimonial-content { padding: 15px; border-style: solid; border-width: 1px; border-radius: 2px; } .avia-slider-testimonials .avia-testimonial-content p:last-child { margin-bottom: 0; } .avia-slider-testimonials .avia-testimonial-arrow-wrap { display: block; position: absolute; top: -14px; left: 14px; overflow: hidden; width: 10px; height: 10px; } .avia-slider-testimonials .avia-testimonial-name { font-size: 14px; } @media only screen and (max-width: 767px) { .responsive .avia-testimonial-wrapper, .responsive .avia-testimonial-row, .responsive .avia-testimonial { display: block; width: 100%; float: none; } .responsive .avia-testimonial { padding: 20px 0; border-right: none; margin: 0; } .responsive #top .avia-testimonial { border-bottom-style: dashed; border-bottom-width: 1px; } .responsive #top .avia-testimonial-row:last-child .avia-testimonial:last-child { border: none; } .responsive #top .avia-slider-testimonials .avia-testimonial { border: none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive .avia-testimonial-image { margin: 0; width: 100%; float: none; text-align: center; margin-bottom: 15px; } .responsive .avia-grid-testimonials .avia-testimonial-meta { margin-left: 0; } } /* ====================================================================================================================================================== Progress Bar ====================================================================================================================================================== */ .avia-progress-bar-container { margin: 15px 0; } .avia-progress-bar { position: relative; margin-bottom: 4px; } .avia-progress-bar .progressbar-title-wrap { position: absolute; z-index: 2; bottom: 3px; left: 3px; color: white; background: black; background: rgba(0, 0, 0, 0.5); padding: 1px 10px 2px 10px; border-radius: 3px; } .progressbar-icon { float: left; margin-right: 5px; } .icon-bar-no .progressbar-icon { display: none; } .progressbar-title { float: left; } .avia-progress-bar .progress { width: 100%; height: 30px; line-height: 30px; position: relative; border-radius: 3px; overflow: hidden; box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } .avia-progress-bar div.progress .bar-outer, .avia-progress-bar div.progress .bar { height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-size: 32px 32px; border-radius: 3px; } .avia-progress-bar div.progress .bar { -webkit-animation: avia-bg-move 1.2s linear infinite; /* Safari 4+ */ -moz-animation: avia-bg-move 1.2s linear infinite; /* Fx 5+ */ -o-animation: avia-bg-move 1.2s linear infinite; /* Opera 12+ */ animation: avia-bg-move 1.2s linear infinite; /* IE 10+ */ height: 100%; } .avia-progress-bar div.progress { clear: both; } .avia_transform div.progress .bar-outer { width: 0; } .avia_transform .avia-progress-bar div.progress.avia_start_animation .bar-outer { -webkit-animation: avia_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari 4+ */ -moz-animation: avia_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); /* Fx 5+ */ -o-animation: avia_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera 12+ */ animation: avia_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); /* IE 10+ */ width: 100%; } .grey-bar .bar { background: #555; background-image: -webkit-linear-gradient(-45deg, #666666 25%, #444444 25%, #444444 50%, #666666 50%, #666666 75%, #444444 75%, #444444); background-image: -moz-linear-gradient(-45deg, #666666 25%, #444444 25%, #444444 50%, #666666 50%, #666666 75%, #444444 75%, #444444); background-image: -o-linear-gradient(-45deg, #666666 25%, #444444 25%, #444444 50%, #666666 50%, #666666 75%, #444444 75%, #444444); background-image: -ms-linear-gradient(-45deg, #666666 25%, #444444 25%, #444444 50%, #666666 50%, #666666 75%, #444444 75%, #444444); background-image: linear-gradient(-45deg, #666666 25%, #444444 25%, #444444 50%, #666666 50%, #666666 75%, #444444 75%, #444444); } .blue-bar .bar { background: #7bb0e7; background-image: -webkit-linear-gradient(-45deg, #96c8fb 25%, #74a6d9 25%, #74a6d9 50%, #96c8fb 50%, #96c8fb 75%, #74a6d9 75%, #74a6d9); background-image: -moz-linear-gradient(-45deg, #96c8fb 25%, #74a6d9 25%, #74a6d9 50%, #96c8fb 50%, #96c8fb 75%, #74a6d9 75%, #74a6d9); background-image: -o-linear-gradient(-45deg, #96c8fb 25%, #74a6d9 25%, #74a6d9 50%, #96c8fb 50%, #96c8fb 75%, #74a6d9 75%, #74a6d9); background-image: -ms-linear-gradient(-45deg, #96c8fb 25%, #74a6d9 25%, #74a6d9 50%, #96c8fb 50%, #96c8fb 75%, #74a6d9 75%, #74a6d9); background-image: linear-gradient(-45deg, #96c8fb 25%, #74a6d9 25%, #74a6d9 50%, #96c8fb 50%, #96c8fb 75%, #74a6d9 75%, #74a6d9); } .green-bar .bar { background: #555; background-image: -webkit-linear-gradient(-45deg, #a5ca68 25%, #83a846 25%, #83a846 50%, #a5ca68 50%, #a5ca68 75%, #83a846 75%, #83a846); background-image: -moz-linear-gradient(-45deg, #a5ca68 25%, #83a846 25%, #83a846 50%, #a5ca68 50%, #a5ca68 75%, #83a846 75%, #83a846); background-image: -o-linear-gradient(-45deg, #a5ca68 25%, #83a846 25%, #83a846 50%, #a5ca68 50%, #a5ca68 75%, #83a846 75%, #83a846); background-image: -ms-linear-gradient(-45deg, #a5ca68 25%, #83a846 25%, #83a846 50%, #a5ca68 50%, #a5ca68 75%, #83a846 75%, #83a846); background-image: linear-gradient(-45deg, #a5ca68 25%, #83a846 25%, #83a846 50%, #a5ca68 50%, #a5ca68 75%, #83a846 75%, #83a846); } .orange-bar .bar { background: #EDAE44; background-image: -webkit-linear-gradient(-45deg, #edae44 25%, #ffcf66 25%, #ffcf66 50%, #edae44 50%, #edae44 75%, #ffcf66 75%, #ffcf66); background-image: -moz-linear-gradient(-45deg, #edae44 25%, #ffcf66 25%, #ffcf66 50%, #edae44 50%, #edae44 75%, #ffcf66 75%, #ffcf66); background-image: -o-linear-gradient(-45deg, #edae44 25%, #ffcf66 25%, #ffcf66 50%, #edae44 50%, #edae44 75%, #ffcf66 75%, #ffcf66); background-image: -ms-linear-gradient(-45deg, #edae44 25%, #ffcf66 25%, #ffcf66 50%, #edae44 50%, #edae44 75%, #ffcf66 75%, #ffcf66); background-image: linear-gradient(-45deg, #edae44 25%, #ffcf66 25%, #ffcf66 50%, #edae44 50%, #edae44 75%, #ffcf66 75%, #ffcf66); } .black-bar .bar { background: #222; background-image: -webkit-linear-gradient(-45deg, #222222 25%, #444444 25%, #444444 50%, #222222 50%, #222222 75%, #444444 75%, #444444); background-image: -moz-linear-gradient(-45deg, #222222 25%, #444444 25%, #444444 50%, #222222 50%, #222222 75%, #444444 75%, #444444); background-image: -o-linear-gradient(-45deg, #222222 25%, #444444 25%, #444444 50%, #222222 50%, #222222 75%, #444444 75%, #444444); background-image: -ms-linear-gradient(-45deg, #222222 25%, #444444 25%, #444444 50%, #222222 50%, #222222 75%, #444444 75%, #444444); background-image: linear-gradient(-45deg, #222222 25%, #444444 25%, #444444 50%, #222222 50%, #222222 75%, #444444 75%, #444444); } .red-bar .bar { background: #B02B2C; background-image: -webkit-linear-gradient(-45deg, #b02b2c 25%, #d24d4e 25%, #d24d4e 50%, #b02b2c 50%, #b02b2c 75%, #d24d4e 75%, #d24d4e); background-image: -moz-linear-gradient(-45deg, #b02b2c 25%, #d24d4e 25%, #d24d4e 50%, #b02b2c 50%, #b02b2c 75%, #d24d4e 75%, #d24d4e); background-image: -o-linear-gradient(-45deg, #b02b2c 25%, #d24d4e 25%, #d24d4e 50%, #b02b2c 50%, #b02b2c 75%, #d24d4e 75%, #d24d4e); background-image: -ms-linear-gradient(-45deg, #b02b2c 25%, #d24d4e 25%, #d24d4e 50%, #b02b2c 50%, #b02b2c 75%, #d24d4e 75%, #d24d4e); background-image: linear-gradient(-45deg, #b02b2c 25%, #d24d4e 25%, #d24d4e 50%, #b02b2c 50%, #b02b2c 75%, #d24d4e 75%, #d24d4e); } .teal-bar .bar { background: #5F8789; background-image: -webkit-linear-gradient(-45deg, #5f8789 25%, #7fa9ab 25%, #7fa9ab 50%, #5f8789 50%, #5f8789 75%, #7fa9ab 75%, #7fa9ab); background-image: -moz-linear-gradient(-45deg, #5f8789 25%, #7fa9ab 25%, #7fa9ab 50%, #5f8789 50%, #5f8789 75%, #7fa9ab 75%, #7fa9ab); background-image: -o-linear-gradient(-45deg, #5f8789 25%, #7fa9ab 25%, #7fa9ab 50%, #5f8789 50%, #5f8789 75%, #7fa9ab 75%, #7fa9ab); background-image: -ms-linear-gradient(-45deg, #5f8789 25%, #7fa9ab 25%, #7fa9ab 50%, #5f8789 50%, #5f8789 75%, #7fa9ab 75%, #7fa9ab); background-image: linear-gradient(-45deg, #5f8789 25%, #7fa9ab 25%, #7fa9ab 50%, #5f8789 50%, #5f8789 75%, #7fa9ab 75%, #7fa9ab); } .aqua-bar .bar { background: #4ECAC2; background-image: -webkit-linear-gradient(-45deg, #4ecac2 25%, #6fece4 25%, #6fece4 50%, #4ecac2 50%, #4ecac2 75%, #6fece4 75%, #6fece4); background-image: -moz-linear-gradient(-45deg, #4ecac2 25%, #6fece4 25%, #6fece4 50%, #4ecac2 50%, #4ecac2 75%, #6fece4 75%, #6fece4); background-image: -o-linear-gradient(-45deg, #4ecac2 25%, #6fece4 25%, #6fece4 50%, #4ecac2 50%, #4ecac2 75%, #6fece4 75%, #6fece4); background-image: -ms-linear-gradient(-45deg, #4ecac2 25%, #6fece4 25%, #6fece4 50%, #4ecac2 50%, #4ecac2 75%, #6fece4 75%, #6fece4); background-image: linear-gradient(-45deg, #4ecac2 25%, #6fece4 25%, #6fece4 50%, #4ecac2 50%, #4ecac2 75%, #6fece4 75%, #6fece4); } .purple-bar .bar { background: #745F7E; background-image: -webkit-linear-gradient(-45deg, #745f7e 25%, #967f9f 25%, #967f9f 50%, #745f7e 50%, #745f7e 75%, #967f9f 75%, #967f9f); background-image: -moz-linear-gradient(-45deg, #745f7e 25%, #967f9f 25%, #967f9f 50%, #745f7e 50%, #745f7e 75%, #967f9f 75%, #967f9f); background-image: -o-linear-gradient(-45deg, #745f7e 25%, #967f9f 25%, #967f9f 50%, #745f7e 50%, #745f7e 75%, #967f9f 75%, #967f9f); background-image: -ms-linear-gradient(-45deg, #745f7e 25%, #967f9f 25%, #967f9f 50%, #745f7e 50%, #745f7e 75%, #967f9f 75%, #967f9f); background-image: linear-gradient(-45deg, #745f7e 25%, #967f9f 25%, #967f9f 50%, #745f7e 50%, #745f7e 75%, #967f9f 75%, #967f9f); } .pink-bar .bar { background: #D65799; background-image: -webkit-linear-gradient(-45deg, #d65799 25%, #f879bb 25%, #f879bb 50%, #d65799 50%, #d65799 75%, #f879bb 75%, #f879bb); background-image: -moz-linear-gradient(-45deg, #d65799 25%, #f879bb 25%, #f879bb 50%, #d65799 50%, #d65799 75%, #f879bb 75%, #f879bb); background-image: -o-linear-gradient(-45deg, #d65799 25%, #f879bb 25%, #f879bb 50%, #d65799 50%, #d65799 75%, #f879bb 75%, #f879bb); background-image: -ms-linear-gradient(-45deg, #d65799 25%, #f879bb 25%, #f879bb 50%, #d65799 50%, #d65799 75%, #f879bb 75%, #f879bb); background-image: linear-gradient(-45deg, #d65799 25%, #f879bb 25%, #f879bb 50%, #d65799 50%, #d65799 75%, #f879bb 75%, #f879bb); } .silver-bar .bar { background: #D7D7D7; background-image: -webkit-linear-gradient(-45deg, #d7d7d7 25%, #f9f9f9 25%, #f9f9f9 50%, #d7d7d7 50%, #d7d7d7 75%, #f9f9f9 75%, #f9f9f9); background-image: -moz-linear-gradient(-45deg, #d7d7d7 25%, #f9f9f9 25%, #f9f9f9 50%, #d7d7d7 50%, #d7d7d7 75%, #f9f9f9 75%, #f9f9f9); background-image: -o-linear-gradient(-45deg, #d7d7d7 25%, #f9f9f9 25%, #f9f9f9 50%, #d7d7d7 50%, #d7d7d7 75%, #f9f9f9 75%, #f9f9f9); background-image: -ms-linear-gradient(-45deg, #d7d7d7 25%, #f9f9f9 25%, #f9f9f9 50%, #d7d7d7 50%, #d7d7d7 75%, #f9f9f9 75%, #f9f9f9); background-image: linear-gradient(-45deg, #d7d7d7 25%, #f9f9f9 25%, #f9f9f9 50%, #d7d7d7 50%, #d7d7d7 75%, #f9f9f9 75%, #f9f9f9); } .avia-button.avia-color-pink, .avia-button.avia-color-pink:hover { background-color: #d65799; border-color: #d65799; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #692b4b; } .avia-button.avia-color-silver, .avia-button.avia-color-silver:hover { background-color: #d7d7d7; border-color: #d7d7d7; text-shadow: 0 1px 0 white; color: #444; } /* ====================================================================================================================================================== Image ====================================================================================================================================================== */ .avia_image, .avia_image img { border-radius: 3px; display: block; position: relative; } .avia_image.avia-align-center { display: block; margin: 0 auto 10px auto; } .avia_image.avia-align-left { display: block; float: left; margin-right: 15px; margin-top: 5px; } .avia_image.avia-align-right { display: block; float: right; margin-left: 15px; margin-top: 5px; } .avia_image + br, .avia_image img + br { display: none; } .avia-align-center.avia_image.avia-builder-el-no-sibling { margin-bottom: 0; margin-top: 0; } .avia_transform .avia_animated_image.avia_image { opacity: 0; } .avia_transform .avia_start_animation.top-to-bottom.avia_image { -webkit-animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Safari 4+ */ -moz-animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_animation.bottom-to-top.avia_image { -webkit-animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari 4+ */ -moz-animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1); /* Fx 5+ */ -o-animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera 12+ */ animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1); /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_animation.left-to-right.avia_image { -webkit-animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Safari 4+ */ -moz-animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_animation.right-to-left.avia_image { -webkit-animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Safari 4+ */ -moz-animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ opacity: 1; } /* ====================================================================================================================================================== Video ====================================================================================================================================================== */ .avia-video, .avia-iframe-wrap { clear: both; position: relative; margin-bottom: 20px; } /*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; } div .avia-video .mejs-container, div .avia-video .mejs-container video { height: 100% !important; position: absolute; } /* ====================================================================================================================================================== Gallery ====================================================================================================================================================== */ #top div .avia-gallery { overflow: hidden; padding-bottom: 2px; } #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 { float: left; width: 20%; opacity: 1; display: block; } #top .avia-gallery .avia-gallery-thumb a:hover { opacity: 0.5; } /*gallery animation*/ .avia_transform .avia-gallery-thumb img { opacity: 0.1; } .avia_transform .avia-gallery-thumb img.avia_start_animation { -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Safari 4+ */ -moz-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Fx 5+ */ -o-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Opera 12+ */ animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* IE 10+ */ opacity: 1; } @media only screen and (max-width: 767px) { .responsive .avia-gallery-thumb img { padding: 3px; } } .home .iconlist-char { position: relative; top: 3px; } /* ====================================================================================================================================================== Slideshow ====================================================================================================================================================== */ .home .avia-slideshow { background: url(images/EPEAT_hero_bg.gif) top left no-repeat; } .avia-logo-element-container { margin-top: -20px; margin-bottom: 35px; } .home .avia-logo-element-container { margin: -20px 50px 50px !important; } .avia-slideshow { position: relative; margin: 50px 0; width: 100%; clear: both; } .flex_column .avia-slideshow { margin: 20px 0; } .avia-slideshow-inner { padding: 0 !important; margin: 0; position: relative; overflow: hidden; /* -webkit-perspective: 1000; */ width: 100%; /* -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; */ } .image-overlay { height: 0 !important; } .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; } .avia-slideshow li:first-child { position: relative; visibility: visible; z-index: 3; } .avia-slideshow li img { display: block; width: 100%; margin: 0 auto; opacity:0.8; } .avia-slideshow.image_no_stretch li img { width: auto; } .avia-slideshow li > p { margin: 0; } /* #top .avia-slideshow-arrows a{ font-family: 'entypo-fontello'; display: block; text-decoration: none; color: #000; visibility: hidden; position: absolute; width:25px; height: 25px; text-align: center; line-height: 27px; font-size: 15px; top:50%; margin:-30px 15px 0; } #top .avia-slideshow-arrows a.next-slide{ right:20px; } .avia-slideshow-arrows a::before{ visibility: visible; display: block; position: absolute; z-index: 100; background: #fff; background: rgba(0,0,0,0.3); top:0; left:0; right:0; bottom:0; border-radius: 3px; text-align: center; line-height: 25px; } .prev-slide::before{ content: "\E765"; text-indent: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .next-slide::before{ content: "\E766"; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } */ #top .avia-slideshow-arrows a { display: block; text-decoration: none; color: #000; visibility: visible; position: absolute; width: 34px; text-align: center; height: 49px; line-height: 62px; font-size: 14px; top: 50%; margin: -30px 15px 0; z-index: 99; overflow: hidden; text-indent: -600%; } #top .avia-slideshow-arrows a.prev-slide { right: 35px; } #top .avia-slideshow-arrows a.next-slide { right: 15px; } .avia-slideshow-arrows a:before { visibility: visible; display: block; position: absolute; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; text-align: center; line-height: 62px; color: #000; } .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: 80%; /*bottom: 10px;*/bottom: -27px; text-align: center; left: 10%; } /*.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: 300%; overflow: hidden; margin: 0 1px; padding: 7px; }*/ .avia-slideshow-dots a { display: inline-block; height: 0px; width: 0px; border-radius: 14px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); text-indent: 300%; overflow: hidden; margin: 1px 5px; padding: 5px; font-size: 0; border: 1px solid #87b132; } .avia-slideshow-dots a.active, .avia-slideshow-dots a:hover { /*opacity: 0.8; filter: alpha(opacity=80);*/ background: #87b132; } .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; } /* hide controlls 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); } /*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; } /* ====================================================================================================================================================== Slideshow Fullscreen ====================================================================================================================================================== */ .avia-fullwidth-slider { border-top-style: solid; border-top-width: 1px; z-index: 210; -webkit-perspective: none; } div.slider-not-first { 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 .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 .next-slide::before { border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 102px; } #top .av_slideshow_full .prev-slide::before { border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 102px; } .av_slideshow_full li img { border-radius: 0px; } /*slideshow captions Fullscreen slider*/ .caption_fullwidth { position: absolute; height: 100%; width: 100%; 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; } div .slideshow_caption h2 { text-transform: uppercase; } div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption h2 { color: #fff; } .slideshow_inner_caption { position: relative; display: table; height: 100%; width: 100%; } .slideshow_align_caption { display: table-cell; vertical-align: middle; position: relative; } .av_slideshow_full .container.caption_container { position: absolute; top: 0; z-index: 5; height: 100%; left: 50%; margin-left: -465px; overflow: visible; } .caption_left .slideshow_caption { left: 0; } .caption_right .slideshow_caption { right: 0; } .caption_bottom .slideshow_caption { left: 0; width: 100%; bottom: 0; height: auto; } #top div .caption_center .slideshow_caption { width: 100%; text-align: center; } .caption_bottom .slideshow_caption .slideshow_inner_caption { display: block; height: auto; bottom: 0; position: absolute; padding: 0; width: 100%; } .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption { padding: 20px 0; display: block; } /* img.search { width: 250px !important; height: 57px !important; float: right; margin: 16% 0 0 0 !important; position: relative; left: 255px; bottom: 25px; } */ img.search {float: left; left: -36px; position: relative; top: -122px; width: 250px !important;} /*caption frame*/ .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 { width: 50%; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 22px; margin: 0 0 10% 0; padding: 10px 15px 10px 0px; float: right; position: relative; bottom: 100; line-height: 27px; } #top .avia-caption-content .wp-smiley { display: none; } /* .caption_framed .slideshow_caption .slideshow_inner_caption, .caption_fullwidth.caption_center_framed{ background: #000; filter: alpha(opacity = 70); background: rgba(0,0,0,0.5); } .caption_fullwidth.caption_center_framed .slideshow_inner_caption{ background: transparent; filter: alpha(opacity = 100); } .caption_framed.caption_left .slideshow_inner_caption, .caption_framed.caption_right .slideshow_inner_caption{ padding:0px 10%; } .caption_bottom.caption_framed .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{ padding:20px; display: block; } #top .caption_supersize .slideshow_caption { width:50%; } #top .caption_supersize .slideshow_caption h2, #top .caption_center_framed h2{ font-size: 60px; text-transform: uppercase; line-height: 1em; position: relative; } #top .caption_supersize .slideshow_caption .featured_caption{ font-size: 15px; line-height: 1.3em; position: relative; } */ .av_slideshow_full .container.caption_container { position: absolute; top: 0; z-index: 5; height: 100%; left: 50%; margin-left: -465px; overflow: visible; } .csstransitions .av_slideshow_full .avia-caption-content, .csstransitions .av_slideshow_full .avia-caption-title { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); visibility: hidden; } .csstransitions .av_slideshow_full .active-slide .avia-caption-content { visibility: visible; -webkit-animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); -moz-animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); -o-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); } .csstransitions .av_slideshow_full .active-slide .avia-caption-title { visibility: visible; -webkit-animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); -moz-animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); -o-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); } .csstransitions .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content { visibility: visible; -webkit-animation: caption-bottom 0.5s 1 ease-out; -moz-animation: caption-bottom 0.5s 1 ease-out; -o-animation: caption-bottom 0.5s 1 ease-out; animation: caption-bottom 0.5s 1 ease-out; } .csstransitions .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title { visibility: visible; -webkit-animation: caption-top 0.5s 1 ease-out; -moz-animation: caption-top 0.5s 1 ease-out; -o-animation: caption-top 0.5s 1 ease-out; animation: caption-top 0.5s 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; } .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; } .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; } } /* ====================================================================================================================================================== Layer Slider ====================================================================================================================================================== */ .ls-container.ls-fullwidth { margin-bottom: 0 !important; } .avia-layerslider { border-top-style: solid; border-top-width: 1px; } #top .avia-layerslider .ls-wp-container .ls-layer h1, #top .avia-layerslider .ls-wp-container .ls-layer h2, #top .avia-layerslider .ls-wp-container .ls-layer h3, #top .avia-layerslider .ls-wp-container .ls-layer h4, #top .avia-layerslider .ls-wp-container .ls-layer h5, #top .avia-layerslider .ls-wp-container .ls-layer h6 { line-height: 1em; } #top .ls-nav-prev, #top .ls-nav-next { font-family: 'entypo-fontello'; display: block; text-decoration: none; color: #fff; position: absolute; width: 60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top: 50%; margin: -30px 15px 0; background: transparent; color: #fff; visibility: hidden; opacity: 0.5; z-index: 10000; left: 30px; } .ls-inner div, .ls-inner img { -webkit-backface-visibility: hidden; } #top .ls-nav-next { left: auto; right: 30px; } #top .ls-nav-prev:hover, #top .ls-nav-next:hover { opacity: 1; } #top .ls-nav-prev::before, #top .ls-nav-next::before { visibility: visible; display: block; position: absolute; z-index: 100; background: #000; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; text-align: center; line-height: 62px; } #top .ls-nav-prev::before { content: "\E765"; text-indent: -4px; } #top .ls-nav-next::before { content: "\E766"; } #top .ls-bottom-slidebuttons a, #top .ls-nav-start, #top .ls-nav-stop { font-family: 'entypo-fontello'; display: inline-block; height: 10px; width: 10px; border-radius: 30px; background: #000; opacity: 0.3; filter: alpha(opacity=30); border: 2px solid #fff !important; text-indent: 300%; overflow: hidden; text-indent: 0; z-index: 10000; } #top .ls-bottom-slidebuttons { height: 30px; } #top .ls-bottom-slidebuttons a.ls-nav-active, #top .ls-bottom-slidebuttons a:hover, #top a.ls-nav-start:hover, #top a.ls-nav-stop:hover, #top a.ls-nav-start-active, #top a.ls-nav-stop-active { opacity: 0.6; filter: alpha(opacity=60); background: #000; } #top .ls-nav-start, #top .ls-nav-stop { position: relative; height: 23px; width: 23px; margin: 0px 5px; top: -35px; } #top .ls-nav-start::before, #top .ls-nav-stop::before { content: "\25B6"; top: 0; left: 0; right: 0; bottom: 0; position: absolute; color: #fff; line-height: 23px; } #top .ls-nav-start::before { text-indent: 1px; } #top .ls-nav-stop::before { content: "\2389"; } div .ls-fullwidth .ls-thumbnail-hover { bottom: 39px; padding: 2px; margin-left: 2px; } div .ls-fullwidth .ls-bottom-slidebuttons, div .ls-fullwidth div .ls-nav-start, div .ls-fullwidth .ls-nav-stop, div .ls-fullwidth .ls-nav-sides { top: -40px; } #top .ls-wp-container { margin: 0px auto !important; } .ls-bottom-nav-wrapper { position: relative; } html * div .ls-wp-container .ls-layer > *, body * div .ls-wp-container .ls-layer > *, #ls-global * div .ls-wp-container .ls-layer > * { line-height: 1em; } /* ====================================================================================================================================================== ANIMATIONS ====================================================================================================================================================== */ /*pop up animation*/ @-webkit-keyframes avia_appear { 0% { -webkit-transform: scale(0.5); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes avia_appear { 0% { -moz-transform: scale(0.5); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes avia_appear { 0% { -o-transform: scale(0.5); opacity: 0.1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes avia_appear { 0% { transform: scale(0.5); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } /*slide down (height increase) animation*/ @-webkit-keyframes avia_slide_down { 0% { height: 0%; } 100% { height: 100%; } } @-moz-keyframes avia_slide_down { 0% { height: 0%; } 100% { height: 100%; } } @-o-keyframes avia_slide_down { 0% { height: 0%; } 100% { height: 100%; } } @keyframes avia_slide_down { 0% { height: 0%; } 100% { height: 100%; } } /*expand width animation*/ @-webkit-keyframes avia_expand { 0% { width: 0%; } 100% { width: 100%; } } @-moz-keyframes avia_expand { 0% { width: 0%; } 100% { width: 100%; } } @-o-keyframes avia_expand { 0% { width: 0%; } 100% { width: 100%; } } @keyframes avia_expand { 0% { width: 0%; } 100% { width: 100%; } } /*fade in animation*/ @-webkit-keyframes avia-ltr { 0% { -webkit-transform: translate(-10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes avia-ltr { 0% { -moz-transform: translate(-10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes avia-ltr { 0% { -o-transform: translate(-10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes avia-ltr { 0% { transform: translate(-10%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes avia-rtl { 0% { -webkit-transform: translate(10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes avia-rtl { 0% { -moz-transform: translate(10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes avia-rtl { 0% { -o-transform: translate(10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes avia-rtl { 0% { transform: translate(10%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes avia-btt { 0% { -webkit-transform: translate(0, 50%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes avia-btt { 0% { -moz-transform: translate(0, 50%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes avia-btt { 0% { -o-transform: translate(0, 50%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes avia-btt { 0% { transform: translate(0, 50%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes avia-ttb { 0% { -webkit-transform: translate(0, -10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes avia-ttb { 0% { -moz-transform: translate(0, -10%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes avia-ttb { 0% { -o-transform: translate(0, -10%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes avia-ttb { 0% { transform: translate(0, -10%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /*background animation*/ @-webkit-keyframes avia-bg-move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } @-moz-keyframes avia_bg_move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } @-o-keyframes avia_bg_move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } @keyframes avia_bg_move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } /*caption animation*/ @-webkit-keyframes caption-right { 0% { -webkit-transform: translate(2000px, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes caption-right { 0% { -moz-transform: translate(2000px, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes caption-right { 0% { -o-transform: translate(2000px, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes caption-right { 0% { transform: translate(2000px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes caption-left { 0% { -webkit-transform: translate(-2000px, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes caption-left { 0% { -moz-transform: translate(-2000px, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes caption-left { 0% { -o-transform: translate(-2000px, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes caption-left { 0% { transform: translate(-2000px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes caption-top { 0% { -webkit-transform: translate(0, -20px); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes caption-top { 0% { -moz-transform: translate(0, -20px); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes caption-top { 0% { -o-transform: translate(0, -20px); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes caption-top { 0% { transform: translate(0, -20px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes caption-bottom { 0% { -webkit-transform: translate(0, 20px); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes caption-bottom { 0% { -moz-transform: translate(0, 20px); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes caption-bottom { 0% { -o-transform: translate(0, 20px); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes caption-bottom { 0% { transform: translate(0, 20px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* style */ .sidebar_left .content { border: none; } ul.children { display: none; } .responsive .container { /* width:1145px; */ background: #fff; } .page-item-46 { display: none; } body { background: url(images/bg2.png); } .home .main-title, .home .breadcrumb { display: none; } h1.main-title { font-family: "Roboto", sans-serif; font-size: 36px; } a { text-decoration: none; color: #87b132; } .container_wrap.sidebar_right .template-page { clear: none; } .container_wrap.sidebar_right .sidebar_right { clear: none; } .container_wrap.sidebar_left .template-page { clear: none; float: right; } .container_wrap.sidebar_left .sidebar_left { /* clear:none; */ float: left; height: 100%; min-height: 500px; } #satellite .container { border-bottom: 2px #f0f0ef solid; } #satellite .container .left-box { float: left; } #satellite .container .left-box p { margin: 6px 0 0px 45px; } #satellite .container .left-box p a { color: #888; } #satellite .container .right-box { float: right; } #satellite .container .right-box ul li { float: left; } #satellite .container .right-box ul li a { float: left; padding: 9px 25px 9px 25px; border-left: 2px #f0f0ef solid; } #header .container { padding: 15px 0 0 0; height: 75px; } #header .container .logo { float: left; margin-left: 45px; } #header .container .main-menu { margin: 15px 5px 0 0; float: right; font-size: 13px; } #header .container .main-menu ul li { float: left; text-transform: uppercase; } #header .container .main-menu ul li ul.sub-menu { display: none; } #header .container .main-menu ul li a { font-family: "Roboto", sans-serif; font-weight: 600 !important; float: left; padding: 2px 0 2px 0; margin: 0 15px 0 15px; border: #fff solid 5px; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } #header .container .main-menu ul li a:hover { color: #000; } #header .container .main-menu ul li.current-menu-item a { padding: 7px 5px 2px 5px; border: 0; border-bottom: 3px solid #87b132; } #header .container .main-menu ul li#menu-item-search { /* hide the avia search */ display: none; } #header .container .main-menu ul li.login-link { /* login button */ } #header .container .main-menu ul li.login-link a { background: #87b132; color: #fff; margin-right: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: #f0f0ef solid 5px; padding: 10px 20px 10px 20px; font-size: 12px; font-weight: normal !important; position: relative; bottom: 5px; } #header .container .main-menu ul li.current-page-ancestor a { padding: 7px 5px 2px 5px; border: 0; border-bottom: 3px solid #87b132; } /* .current_page_item { border-bottom:3px solid $green; } */ .current-page-ancestor a { /* padding:7px 5px 2px 5px; border:0; border-bottom:3px solid $green; */ } .hidden { display: none; } .home .av-special-heading { margin-left: 45px; width: 450px; } .tabcontainer { margin-top: 0; } .tabcontainer .tab_titles .tab { font-family: "Roboto", sans-serif; font-size: 16px; color: #868686; line-height: 1em; background: #dddddd; border: 0; padding: 12px 54px 12px 54px; margin-right: 12px; overflow: visible; } .tabcontainer .tab_titles .tab.active_tab { /* background:$green url(images/arrow-green-down.png) no-repeat center 40px; color:#fff; padding-bottom:21px; */ background: #87b132 url(images/arrow-green-down.png) no-repeat center 38px; color: #fff; padding-bottom: 21px; height: 23px; } .tabcontainer .tab_content { padding: 0; border: 0; } .home .tabcontainer .tab_titles .tab.active_tab { height: 14px; } #av_section_1 img { width: 100%; height: auto; } #av_section_2 .avia_image { width: 100%; height: auto; } #av_section_2 .container { border-bottom: 1px #cccccc solid; } #av_section_2 .container .tabcontainer { padding-left: 45px; max-width: 685px; } img.avia-builder-el-7 { margin: 70% 0% 0 0 !important; right: 25px; } #av_section_4 .container { background: url(images/globe-grid-new.png); height: 280px; } .avia-testimonial-row { padding-right: 45px; display: block; } .avia-testimonial-row .avia-testimonial { border: 0; } .avia-testimonial-row .avia-testimonial .avia-testimonial-image { position: relative; left: 10px; bottom: 25px; width: 138px; height: 138px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border: 1px solid #cccccc; } .avia-testimonial-row .avia-testimonial .avia-testimonial-image img { border: 4px solid #fff; } .avia-testimonial-row .avia-testimonial .avia-testimonial-content-wrapper { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px #dddddd solid; background: #f9f9f9; margin: 0 0 0 75px; } .avia-testimonial-row .avia-testimonial .avia-testimonial-content-wrapper .avia-testimonial-content, .avia-testimonial-row .avia-testimonial .avia-testimonial-content-wrapper .avia-testimonial-subtitle { padding-left: 95px; font-size: 13px; line-height: 22px; font-family: Georgia, Serif; font-style: italic; color: #868686; } .avia-testimonial-row .avia-testimonial .avia-testimonial-content-wrapper .avia-testimonial-subtitle { background: #f0f0ef; border-bottom: 1px #dddddd solid; border-top-right-radius: 5px; padding-top: 7px; padding-bottom: 7px; color: #5f5f5f; } .avia-testimonial-row .avia-testimonial .avia-testimonial-content-wrapper .avia-testimonial-content { padding-top: 25px; padding-bottom: 25px; } #av_section_5 .el_after_av_two_third .av-special-heading { margin-left: 0; } #av_section_5 .flex_column.av_two_third.first { width: 450px; margin-right: 100px; } #av_section_5 .flex_column.av_two_third.first .content { margin-left: 45px; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini { margin: 0 0 0 45px; position: relative; overflow: visible; display: block; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .avia-content-slider-inner { height: 15em; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .slide-entry .slide-image { border: 0; display: none; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .slide-entry .slide-meta { display: none; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .slide-entry .slide-content { padding: 0; border: 0; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .slide-entry .slide-content h3 { margin-bottom: .5em; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .slide-entry .slide-content h3 a { font-family: "Roboto", sans-serif; font-size: 16px; padding: 0; border: 0; color: #000; font-weight: 600; border: 0; color: #000; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .avia-slideshow-controls { position: absolute; top: -60px; right: -45px; width: 25px; height: 10px; background-color: #fff; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .avia-slideshow-controls a.prev-slide, #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .avia-slideshow-controls a.next-slide { position: absolute; margin: 0; display: block; color: transparent; opacity: 1; top: 0; width: 6px; height: 10px; text-indent: -9999px; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .avia-slideshow-controls a::before { display: none; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .avia-slideshow-controls .prev-slide { left: 0; background: url(images/mini-arrow-left.png) no-repeat; } #av_section_5 .flex_column.av_two_third.first .avia-content-slider-mini .avia-slideshow-controls .next-slide { right: 0; background: url(images/mini-arrow-right.png) no-repeat; } #av_section_5 .flex_column.av_two_third.first .template-blog .post { padding: 0; border: 0; } #av_section_5 .flex_column.av_two_third.first .template-blog .post h2 { border: 0; } #av_section_5 .flex_column.av_two_third.first .template-blog .post h2 a { font-family: "Roboto", sans-serif; font-size: 16px; padding: 0; border: 0; color: #000; font-weight: 600; border: 0; color: #000; } #av_section_6 .container .content { padding: 60px 75px 60px 45px; } .av_promobox { padding: 0; border: 1px #dddddd solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(images/bg-promobox.png) repeat-x whitesmoke; } .av_promobox .avia-promocontent { padding: 32px 25px 0 25px; height: 100px; box-sizing: border-box; } .av_promobox.avia-button-yes .avia-button { top: 40px; padding: 0; height: 45px; background: url(images/bg-big-button.png) repeat-x; border: 10px #ebebeb solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .av_promobox.avia-button-yes .avia-button > .avia_iconbox_title { display: block; padding: 14px 20px 14px 20px; height: 15px; font-size: 16px; letter-spacing: .1em; color: #fff; font-family: "Roboto", sans-serif; text-transform: uppercase; width: auto; border-left: #89a73a 1px solid; border-right: #89a73a 1px solid; text-shadow: none; } .avia-icon-list-container .avia-icon-list li { float: left; clear: none; margin-right: 10px; } .avia-icon-list-container .avia-icon-list li .iconlist_icon { background: #87b132; margin: 0; padding: 0; } .avia-icon-list-container .avia-icon-list li .iconlist_content_wrap, .avia-icon-list-container .avia-icon-list li .iconlist-timeline { display: none; } #footer { margin-top: 0; background: #1b1e25; } #footer .container { position: relative; background: transparent; padding-bottom: 60px; } #footer .container .social { float: right; margin: 40px 0 0 0; } #footer .container .social a { margin: 0; } #footer .container .copyright { position: absolute; bottom: 60px; right: 0; width: 200px; font-size: 12px; } #footer .container .copyright p { text-align: right; color: #606267; line-height: 16px; } #footer .container .copyright p a { color: #606267; } #footer .container .menu a { color: #606267; font-size: 12px; margin-bottom: 7px; } #footer .container .menu > li { float: left; width: 20%; margin-top: 40px; } #footer .container .menu > li > a { border-bottom: 1px #606267 solid; color: #fff; display: block; padding-bottom: 3px; font-weight: bold; margin: 0 45px 10px 0; } .carousel { clear: both; } .carousel .elastislide-wrapper { box-shadow: none; margin: 0 14px 80px 8px; } .carousel .elastislide-wrapper img { margin: 0 17px 0 0; width: 130px; height: 130px; float: left; border: 1px #dddddd solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* include rounded-corners(2px); */ } .title_container .container { height: 100px; background: url(images/bg-header.png); } .title_container .container h1.main-title { display: none; } .title_container .container .search-button { float: right; margin: 2% 5% 0 0; } /*.home .title_container { display: none; }*/ .avia-inner-caption .search { display: none; } .search-button { background: url(images/search.png) no-repeat; width: 250px; height: 57px; display: block; } .container_wrap.sidebar_right > .container { background: url(images/faux-right.jpg) top left repeat-y; } .container_wrap.sidebar_left > .container { background: url(images/faux-left.jpg) top left repeat-y; } .sidebar { background: url(images/bg-sidebar.png) repeat-y; } .sidebar.sidebar_left { background: url(images/bg-sidebar-left.png) repeat-y; } .sidebar.sidebar_right { border-right: 0; margin-left: 27px !important; /* margin-left: 48px !important; */ } .sidebar ul li a { display: block; padding: 20px 35px 20px 35px; border-bottom: 1px #dddddd solid; line-height: 1em; } .sidebar ul li a:hover { background: url(images/sidebar-nav-over.png) repeat-y; } .sidebar h2 { border-bottom: 1px #dddddd solid; padding: 20px 18px 20px 35px; margin-bottom: 0 !important; font-family: 'roboto'; font-weight: 600; font-size: 20px; } .template-blog > .post { padding: 50px 25px 0px 45px; border-bottom: 1px #dddddd solid; width: 95%; } .template-blog > .post h2 { border: 0; width:100%; } .template-blog > .post h2 a { font-family: "Roboto", sans-serif; font-size: 26px; border-bottom: 2px #87b132 solid; padding-bottom: 10px; color: #000; border: 0; font-weight: 600; font-size: 20px; } .template-blog > .post .content .read-more-link { float: right; } .template-blog > .post .content .read-more-link a { padding: 14px 20px 14px 20px; font-size: 14px; letter-spacing: .1em; color: #fff; text-transform: uppercase; width: auto; background: #87b132; } .date-container { float: left; display: block; background: url(images/icon-clock.png) no-repeat left center; padding: 5px 25px 5px 25px; color: inherit; } .blog-categories * { display: none; } .blog-categories a { float: left; display: block; background: url(images/icon-tag.png) no-repeat left center; padding: 5px 25px 5px 25px; color: inherit; } .text-sep, .comment-container, .blog-author { display: none; } #main > .container_wrap.main_color > .container { /* box-shadow: 0 0 5px #888888; */ } #main > .container_wrap.sidebar_left > .container > .content.template-page { margin: 60px 0 80px 0; width: 800px; padding-right: 40px; } #main > .container_wrap.sidebar_left > .container > .content.template-page > .post-entry { padding: 0 0px 0 0; } #main > .container_wrap.sidebar_left > .container > .content.template-page h2 { margin: 0; } #main > .container_wrap.sidebar_left > .container > .content.template-page .carousel .elastislide-wrapper { margin: 0 11px 0 -40px; } #main > .container_wrap.sidebar_left > .container > .content.template-page .av-special-heading { padding-top: 0; } #main > .container_wrap.sidebar_left > .container > .content.template-page .av-special-heading.avia-builder-el-first { padding-top: 20px; } #main > .container_wrap.sidebar_left > .container > .content.template-page .tabcontainer { margin-top: 20px; } #main > .container_wrap.sidebar_left > .container > .content.template-page .tabcontainer .tab_titles .tab { padding: 12px 15px 12px 15px; font-size: 14px; } .avia-team-member { padding-top: 95px; } .avia-team-member.el_after_av_heading { padding-top: 30px; } .avia-team-member .team-img-container { float: left; width: 171px; padding: 8px; border: 1px #dddddd solid; margin-right: 20px; } .avia-team-member .team-info-container { float: left; width: 65%; } .avia-team-member .team-info-container .team-member-name, .avia-team-member .team-info-container .team-member-job-title { font-size: 15px; } .avia-team-member .team-member-description { clear: both; padding: 2em 0 1em 0; } .avia_textblock ul, .tabcontainer ul, .single_toggle ul, .entry-content ul { font-size: 13px; line-height: 16px; } .avia_textblock ul li, .tabcontainer ul li, .single_toggle ul li, .entry-content ul li { padding: 5px 50px 10px 40px; background: url(images/li.png) no-repeat left center; } ol { font-size: 13px; line-height: 16px; padding: 5px 50px 10px 40px; } ol li { margin: 4px 0; } .hr { clear: both; display: block; width: 850px; position: relative; margin: 30px 0 30px -50px; float: left; overflow: hidden; } .hr .hr-inner { position: absolute; height: 1px; left: 0; top: 50%; width: 100%; margin-top: -1px; border-top-width: 1px; border-top-style: solid; border-color: #dddddd; } .odd.r { background: #eee; padding: 3px; } .profiles strong { margin-right: 25px; } .purchaser { margin-top: 60px; width: 95%; } .post table.styled { border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; width: 100%; /*margin: 50px 0 150px 0;*/ } .post table.styled td { background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; /*padding: 0.5em 1em;*/ } .post table.styled tr:nth-child(odd) td { background-color: #FFFFFF; } li.casestudies { padding: 5px 3px; margin: 10px 0 10px 0; /* a { background: $green; color: #fff; padding:10px; margin: 10px 0 0 0; } */ } .avia-builder-el-9 .avia_textblock, .avia-builder-el-30 .avia_textblock, .avia-builder-el-49 .avia_textblock, .avia-builder-el-70 .avia_textblock { margin-bottom: 50px; } .avia-builder-el-9 .avia_textblock b, .avia-builder-el-30 .avia_textblock b, .avia-builder-el-49 .avia_textblock b, .avia-builder-el-70 .avia_textblock b { font-size: 16px; } .post-entry ul { padding: 0px 0 0 35px; margin-bottom: 25px; } .history .post-entry ul { margin-top: 25px; } .gform_wrapper select { padding: 7px 0 7px 6px !important; border: 1px solid #ccc; } .gform_wrapper select option { padding: 2px 2px; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { padding: 7px 2px 7px 6px !important; border: 1px solid #cccccc; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { padding: 7px 2px 7px 6px !important; border: 1px solid #cccccc; } .page .post_delimiter { display: none; } .read-more-link a { background: #87b132; color: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: #f0f0ef solid 5px; padding: 10px 20px 10px 20px; font-size: 12px; font-weight: normal !important; position: relative; bottom: 5px; margin: 15px 0 35px 0; } #socket { display: none; } #header_main { border: none; } /* #Blog Styles */ .single .content, .single .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; } .single .sidebar { padding-top: 1px; } .content:hover, .sidebar:hover { z-index: 10; } .news .content .content-wrapper { padding-right: 50px; } .single .content { padding-left: 50px; width: 805.25px !important; } .template-blog .blog-meta { float: left; margin-right: 50px; display: none; } .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; } .post { clear: both; width: 100%; float: left; position: relative; } .template-blog .post .content-wrapper { overflow: hidden; } .template-blog .post_delimiter { margin: 0 0 50px 0; padding: 50px 0 0 0; clear: both; } .template-blog .post-entry-last .post_delimiter { border: none; height: 1px; } .rounded-container, .rounded-container img { border-radius: 111px; overflow: hidden; display: block; position: relative; z-index: 2; } .rounded-container { border-style: solid; border-width: 3px; float: left; width: 81px; height: 81px; text-align: center; line-height: 76px; } .rounded-container .iconfont, .small-preview .iconfont { font-size: 23px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .content-wrapper .post-title { font-size: 21px; line-height: 1.3em; } .post-meta-infos { font-size: 12px; position: relative; top: -20px; left: 5px; display: block; } .single .post-meta-infos { top: 40px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; height: 25px; padding: 10px 0 10px 0; } .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; } .single h1 { margin: 0 0 25px 0 !important; } .single h1 a { font-family: "Roboto", sans-serif; font-size: 26px; border-bottom: 2px #87b132 solid; padding-bottom: 10px; color: #000; border: 0; font-weight: 600; font-size: 20px; } /*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: 34px; text-align: center; padding: 0; border-radius: 100px; margin-right: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); } .pagination a { background: #87b132; color: #fff; } .pagination .current { font-size: 11px; padding: 1px 9px 1px 9px; font-weight: bold; background: #ccc; color: #333; } .pagination .pagination-meta { float: right; line-height: 35px; } .template-blog .pagination { padding: 20px 0px 20px 24px; } /*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: 200; display: none; } #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; } .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; } /* ====================================================================================================================================================== #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: 11px; 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; } .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: 12px; 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; } .sidebar_right .comment_container { padding-right: 50px; } .sidebar_left .comment_container { margin-left: 0; } /*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 div input { margin: 0; } .commentlist #commentform label { position: static; display: block; } #commentform .required, .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; } .page .entry-content-wrapper h2.post-title { margin: 0 !important; width:100%; } .page .template-blog .entry-content-wrapper h2.post-title a { font-size: 24px; } .page .template-blog .profiles .entry-content-wrapper h2.post-title a { font-size: 13px; line-height: 0.5em; margin: 0 !important; } .contact-captcha , .captcha-form{ max-width: 445px;} .disclaimertext {font-style: italic; font-size: 14px;line-height: 18px;}