/* * Based on Skeleton by Dave Gamache (www.getskeleton.com) * modified by kriesi as part of the wordpress avia framework */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ #wrap_all { margin: 0 auto; position:relative; z-index: 3; } .container { position: relative; width: 930px; margin: 0 auto; padding: 0px; clear:both; } .container_wrap { clear:both; position: relative; z-index: 1; margin: 0 auto;} .unit, .units { float: left; display: inline; margin-left: 30px; position:relative; z-index:1; min-height:1px;} .row { position:relative; margin-bottom: 20px; clear:both; } .boxed .container .stretch_full { position:relative; left:-30px; } .boxed #wrap_all { margin: 0 auto; width: 990px; } .boxed .container { margin: 0px 30px; } /* Nested Column Classes */ body .unit.alpha, body .units.alpha, body div .first { margin-left: 0; clear: left;} /* Base Grid */ .container .one.unit, .container .one.units { width: 50px; } .container .two.units { width: 130px; } .container .three.units { width: 210px; } .container .four.units { width: 290px; } .container .five.units { width: 370px; } .container .six.units { width: 450px; } .container .seven.units { width: 530px; } .container .eight.units { width: 610px; } .container .nine.units { width: 690px; } .container .ten.units { width: 770px; } .container .eleven.units { width: 850px; } .container .twelve.units { width: 930px; margin-left:0} #top.boxed .stretch_full, #top.stretched .stretch_full .container, #top.stretched .stretch_full .container > .content{ width: 990px;} /* Offsets */ #top .offset-by-one { padding-left: 80px; } #top .offset-by-two { padding-left: 160px; } #top .offset-by-three { padding-left: 240px; } #top .offset-by-four { padding-left: 320px; } #top .offset-by-five { padding-left: 400px; } #top .offset-by-six { padding-left: 480px; } #top .offset-by-seven { padding-left: 560px; } #top .offset-by-eight { padding-left: 620px; } #top .offset-by-nine { padding-left: 700px; } #top .offset-by-ten { padding-left: 780px; } #top .offset-by-eleven { padding-left: 860px; } /* #Desktop - Extra Large ================================================== */ /* @media only screen and (min-width: 1140px) { .responsive .boxed #wrap_all { width: 1110px; } .responsive .container { width: 1050px; } .responsive .container .one.unit, .container .one.units { width: 60px; } .responsive .container .two.units { width: 150px; } .responsive .container .three.units { width: 240px; } .responsive .container .four.units { width: 330px; } .responsive .container .five.units { width: 420px; } .responsive .container .six.units { width: 510px; } .responsive .container .seven.units { width: 600px; } .responsive .container .eight.units { width: 690px; } .responsive .container .nine.units { width: 780px; } .responsive .container .ten.units { width: 870px; } .responsive .container .eleven.units { width: 960px; } .responsive .container .twelve.units { width: 1050px;} .responsive #top.boxed .stretch_full { width: 1110px;} .responsive #top .offset-by-one { padding-left: 90px; } .responsive #top .offset-by-two { padding-left: 180px; } .responsive #top .offset-by-three { padding-left: 270px; } .responsive #top .offset-by-four { padding-left: 360px; } .responsive #top .offset-by-five { padding-left: 450px; } .responsive #top .offset-by-six { padding-left: 540px; } .responsive #top .offset-by-seven { padding-left: 630px; } .responsive #top .offset-by-eight { padding-left: 720px; } .responsive #top .offset-by-nine { padding-left: 810px; } .responsive #top .offset-by-ten { padding-left: 900px; } .responsive #top .offset-by-eleven { padding-left: 990px; } } */ /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .boxed #wrap_all { width: 774px; } .responsive .container { width: 714px; } .responsive .container .one.unit, .responsive .container .one.units { width: 32px; } .responsive .container .two.units { width: 94px; } .responsive .container .three.units { width: 156px; } .responsive .container .four.units { width: 218px; } .responsive .container .five.units { width: 280px; } .responsive .container .six.units { width: 342px; } .responsive .container .seven.units { width: 404px; } .responsive .container .eight.units { width: 466px; } .responsive .container .nine.units { width: 528px; } .responsive .container .ten.units { width: 590px; } .responsive .container .eleven.units { width: 652px; } .responsive .container .twelve.units { width: 714px; } .responsive #top.boxed .stretch_full, .responsive #top.stretched .stretch_full .container, #top.stretched .stretch_full .container > .content{ width: 774px;} /* Offsets */ .responsive #top .offset-by-one { padding-left: 62px; } .responsive #top .offset-by-two { padding-left: 124px; } .responsive #top .offset-by-three { padding-left: 186px; } .responsive #top .offset-by-four { padding-left: 248px; } .responsive #top .offset-by-five { padding-left: 310px; } .responsive #top .offset-by-six { padding-left: 372px; } .responsive #top .offset-by-seven { padding-left: 434px; } .responsive #top .offset-by-eight { padding-left: 496px; } .responsive #top .offset-by-nine { padding-left: 558px; } .responsive #top .offset-by-ten { padding-left: 620px; } .responsive #top .offset-by-eleven { padding-left: 682px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .responsive .boxed #wrap_all { width: 318px; } .responsive .container { width: 258px; } .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 .one_fifth, .responsive #top .one_fourth, .responsive #top .one_third, .responsive #top .two_fifth, .responsive #top .one_half, .responsive #top .three_fifth, .responsive #top .two_third, .responsive #top .three_fourth, .responsive #top .four_fifth { margin: 0; margin-bottom: 10px; width: 258px; } .responsive #top.boxed .stretch_full, .responsive #top.stretched .stretch_full .container, #top.stretched .stretch_full .container > .content{ width: 318px;} /* 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) { .responsive .boxed #wrap_all { width: 478px; } .responsive .container { width: 418px; } .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 .one_fifth, .responsive #top .one_fourth, .responsive #top .one_third, .responsive #top .two_fifth, .responsive #top .one_half, .responsive #top .three_fifth, .responsive #top .two_third, .responsive #top .three_fourth, .responsive #top .four_fifth { width: 418px; margin-left: 0; margin-bottom: 10px; } .responsive #top.boxed .stretch_full, .responsive #top.stretched .stretch_full .container, #top.stretched .stretch_full .container > .content{ width: 478px;} } /* #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, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row: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 ================================================== */ div .one_fifth { overflow: hidden; z-index:1; margin-left: 4%; width:16.5%; float:left; position:relative; } div .one_fourth { overflow: hidden; z-index:1; margin-left: 4%; width:22%; float:left; position:relative; } div .one_third { overflow: hidden; z-index:1; margin-left: 4%; width:30.5%; float:left; position:relative; } div .two_fifth { overflow: hidden; z-index:1; margin-left: 4%; width:38.5%; float:left; position:relative; } div .one_half { overflow: hidden; z-index:1; margin-left: 4%; width:48%; float:left; position:relative; } div .three_fifth { overflow: hidden; z-index:1; margin-left: 4%; width:57%; float:left; position:relative; } div .two_third { overflow: hidden; z-index:1; margin-left: 4%; width:65.5%; float:left; position:relative; } div .three_fourth { overflow: hidden; z-index:1; margin-left: 4%; width:74%; float:left; position:relative; } div .four_fifth { overflow: hidden; z-index:1; margin-left: 4%; width:79%; float:left; position:relative; } .msie7 .one_fourth { width:21.5%; } .msie7 div, .msie7 li { zoom:1; } /* Columns for better content separation (no margin) ================================================== */ body div .no_margin { margin-left:0;} .no_margin.one_fifth { width:20%; } .no_margin.one_fourth { width:25%; } .no_margin.one_third { width:33.3%; } .no_margin.two_fifth { width:40%; } .no_margin.one_half { width:50%; } .no_margin.three_fifth { width:60%; } .no_margin.two_third { width:66.6%; } .no_margin.three_fourth { width:75%; } .no_margin.four_fifth { width:80%; } .msie7 .no_margin.one_fourth{ width:24.99%; }/* 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; } /* #Basic Styles ================================================== */ html, 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-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */ font-weight: normal; } #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; } h1 { font-size: 38px; line-height: 1.1em; margin-bottom: 14px;} h2 { font-size: 33px; line-height: 1.1em; margin-bottom: 10px; } h3 { font-size: 22px; line-height: 1.1em; margin-bottom: 8px; } /*28*/ h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/ h5 { font-size: 16px; line-height: 1.1em; } /*17*/ h6 { font-size: 14px; line-height: 1.1em; } .flex_column h1, .flex_column h2, .flex_column h3, .flex_column h4, .flex_column h5, .flex_column h6, #top .widgettitle{ font-size: 13px; line-height: 1.3em; margin-bottom: 6px; font-weight:bold; text-transform: uppercase; } .flex_column h1 { font-size: 15px; } .flex_column h2 { font-size: 14px; } .flex_column h3 { font-size: 13px; } .flex_column h4, .flex_column h5, .flex_column h6 { font-size: 12px; } .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 { margin: 0.85em 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; } em { font-style: italic; } strong { 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; } /* .special-quote, .pullquote{ font-family:Georgia,"Times New Roman",Times,serif; clear:both; font-size:1.5em; line-height:1.4em; margin:20px 0 20px 54px; quotes:"\201C""\201D"; position: relative; border:none; padding:0; } */ .pullquote p{ margin: 0.8em 0 0.8em 0; } /* .special-quote:before, .pullquote:before{ content:open-quote; font-size:5em; line-height:.1em; margin-right:.25em; vertical-align:-0.5em; display:block; position: absolute; top: 40px; left: -54px; opacity: 0.5; width: 50px; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; } */ .special-quote p, .pullquote p{position: relative; padding:5px 0; margin:0; } .special-quote cite:before , .pullquote cite:before { content: "\2014 \0020"; padding:0px 3px; } blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;} /* #Links ================================================== */ a { text-decoration: underline; outline: 0; } a:hover, a:focus, a:visited { outline: 0; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; margin-left: 7px;} ol { list-style: decimal; margin-left: 15px; } ol, ul.square, ul.circle, ul.disc { } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc, .entry-content 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 li { margin-left: 1em; padding:3px 0;} .entry-content div li { text-indent: 0;} .entry-content .borderlist>li:first-child { border-top:1px solid; } .entry-content .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;} /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; image-rendering: optimizeQuality; } .msie7 img{ -ms-interpolation-mode: bicubic; } /* #Buttons ================================================== */ input[type="submit"], #submit, .button{ padding:9px 22px; cursor:pointer; border:none; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } .input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], textarea, select { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 6px 4px; 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; } select { } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #555; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; line-height:1.5em;} label{ display: block; font-weight: bold; font-size: 12px; } legend { display: block; font-weight: normal; font-size: 15px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } .valid .text_input, .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/ .error .text_input, .error .text_area{border:1px solid #FF6600;} .ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;} /* #Table ================================================== */ table { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 11px; border-top-style: solid; border-top-width: 1px; } table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; } th { font-weight:bold; letter-spacing: 1.5px; line-height: 1.5em; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } td { font-size: 12px; padding: 6px 6px 6px 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; } #top th.nobg { background: none; border-top: 0; } /* #Other elements ================================================== */ /*code*/ pre{ 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; } code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; } /* pre{ background-color:#fff; width:400px; } pre:hover{ z-index: 100; width:885px; left:-240px; } */ iframe, object, embed{ max-width:100%; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .hidden { position: absolute; top:0; visibility: hidden;} .floatleft{float:left;} .floatright{float:right;} .clearboth{clear:both;} .rounded{ -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;} .special_amp{font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic;font-size: 1.3em;line-height: 0.5em; } .lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside{position: absolute;z-index: 2;top:0;left:0; width:100%; height:100%} .image_overlay_effect{background-color: #000;} .csstransforms .image_overlay_effect{background-color: rgba(255,255,255,0.8);} .lightbox_video .image_overlay_effect_inside{ background: url("../images/layout/overlay-video.png") no-repeat scroll center center transparent;} .lightbox_image .image_overlay_effect_inside{ background: url("../images/layout/overlay-image.png") no-repeat scroll center center transparent;} .external_image .image_overlay_effect_inside{ background: url("../images/layout/overlay-external.png") no-repeat scroll center center transparent;} .ajax_portfolio_container .portfolio-sort-container .image_overlay_effect_inside{ background: url("../images/layout/overlay-ajax.png") no-repeat scroll center center transparent;} #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: 1; top:0; left:0; } /* #WordPress Generated Generics ================================================== */ /*img alignment*/ body .alignleft, .entry-content a:hover .alignleft{ float:left; margin:4px 10px 0px 0; display: block; } body .alignright, .entry-content a:hover .alignright { float:right;margin:4px 0px 0px 10px;display: block; } body .aligncenter, .entry-content 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; } /*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; } .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; } /* Animate the following elements whenever they change layout ================================================== */ /* #wrap_all, .container_wrap, .container, .units{ -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); } #top .no_css_transition{ -webkit-transition: none; -moz-transition: none; transition: none; } *//* Table of Content ================================================== #Site Styles #Page Styles #Blog Styles #Post Formats #Portfolio Styles #Sidebar & Widgets #Footer & #Socket #Comments #Dynamic Templates #Media Queries #Font-Face */ /* #Site Styles ================================================== */ #header{ z-index: 100; position: relative; box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.3); } #header .container{ z-index: 100; overflow: visible; background: none; } .boxed #header{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .boxed #header .container_wrap{ -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #header .container_wrap{ border-bottom-style:solid; border-bottom-width:1px; } div .logo{ padding:30px 0 30px 0; min-height:50px; } .logo, .logo a{ float:left; padding:0; position: relative; margin: 0; display: block; } .logo img{ display:block; } .logo .subtext{ font-weight: 100; font-family: Arial, Verdana; font-size:11px; position: relative; display: block; line-height:10px; top:0px; float: right; right:2px; } /*menu*/ .main_menu { clear: both; position: absolute; z-index: 100; padding: 0; line-height: 30px; height: 15px; margin: -4px 0 0 0; right: 0; top: 50%; } .main_menu ul{ margin:0; padding: 0; } .main_menu ul ul, .main_menu .pointer_arrow{ border-style: solid; border-width: 1px; } .main_menu ul:first-child >li > ul{ /* border-top:none; */ } .main_menu .pointer_arrow_wrap{ display:none; } .main_menu ul:first-child > li{ line-height: 30px; height: 30px; } .main_menu ul:first-child > li > a{ display:block; text-decoration: none; padding:0 15px; text-transform: uppercase; font-weight: bold; border-left-style: solid; border-left-width: 1px; line-height: 1em; font-size:12px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } #top .main_menu .menu li:first-child>a{ border:none; } .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a{ font-weight: bold; } .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; float:left; padding:0; margin:0; } #top .main_menu .menu ul li{ padding:0 18px; } .main_menu .menu ul { display: none; margin-left:0; left:0; /* left:50%; margin-left:-104px; */ position: absolute; top: 24px; width: 208px; z-index: 2; cursor: pointer; 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); } .main_menu .menu ul li a{ border-top-style: solid; border-top-width: 1px; } #top .main_menu .menu li ul a{ width:170px; height:auto; float:left; text-align:left; line-height:23px; padding:6px 0; 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:192px; top:0px; margin:0; } #top .main_menu .menu li ul ul {} #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: bold; } /*avia title big*/ .title_container{ position: relative; border-bottom-style: solid; border-bottom-width: 1px; } .title_container .container{ padding:40px 0; min-height:40px; } .boxed .title_container .container { padding: 40px 0 16px; } .boxed .template-dynamic .stretch_full.title_container{ top:10px; margin-bottom:-8px; } #top .top_stripe_shadow{ background: rgba(0,0,0,0.3); top:0px; left:0px; width:100%; position: absolute; height:3px; z-index: 7; border-bottom:1px solid rgba(255,255,255,0.2); } .msie7 #top .top_stripe_shadow, .msie8 #top .top_stripe_shadow{ background: #000; border-bottom:1px solid #fff; filter: alpha(opacity = 30); } .light_bg_color .top_stripe_shadow{ display:none; } .title_container h1{ margin:0; font-size: 28px; position: relative; z-index: 2; min-height: 30px; line-height: 40px; max-width:50%; float:left; top:-11px; } .title_meta, #top .portfolio-entry .title_meta{ display: block; clear: both; position: relative; z-index: 1; margin-top:-1em; padding:0; display: none; } .title_meta p{ margin: 1.3em 0 0 0; } .title_container .breadcrumb { z-index: 10; position: relative; line-height: 15px; font-size: 11px; left:-2px; float:right; max-width:50%; } .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{ display: block; float: left; padding:0px 3px; } .breadcrumb .sep{ background: transparent url('../images/layout/arrow_small.png') center center no-repeat; display: block; overflow: hidden; text-indent: 200%; width:8px; } /*avia welcome text*/ #info_text_header{ position: relative; overflow: hidden; font-size: 12px; } #info_text_header a:hover{ text-decoration: none; } .infotext{ padding:10px 30px 9px 0; } .close_info_text{ position: absolute; right:0; background: transparent url('../images/icons/icon-close.png') center -52px no-repeat; height:20px; width:20px; top:50%; margin-top:-10px; overflow: hidden; text-indent: 200%; } /*countdown*/ .next_event_super_wrap{ background: rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; float:left; margin:7px 0; position: relative; } .boxed .next_event_super_wrap{ left:-30px; } #countdown_dashboard { position: relative; height: 50px; visibility: hidden; float: left; line-height: 50px; margin-top: 1px; overflow: hidden; padding: 0 12px; } .dash { float: left; margin-right: 13px; position: relative; } .dash .digit { font-size: 14pt; font-weight: bold; float: left; width: 14px; text-align: center; position: relative; } .dash_title { display: block; font-size: 9pt; float: right; padding-left: 4px; } .next_event_wrap{ float:left; display:block; padding:5px 20px; } .next_event_wrap a{ text-decoration: none; font-size: 12px; } .next_event{ display:block; opacity: 0.5; font-size: 11px; position: relative; top:2px; } /*header social icons + search box*/ #top .header_meta{ display: block; position: relative; margin:0 auto; min-height:63px; } .header_meta #searchsubmit{background-color:transparent} .header_meta #searchsubmit:hover{opacity:0.8;} .header_meta #s{ width: 121px; -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ } .container_wrap_header_meta{ position: relative; z-index: 3; } .csstransitions .header_meta #s:hover, .header_meta #s:focus{width: 190px; } .msie7 .csstransitions .header_meta #s:hover, .msie7 .header_meta #s:focus, .msie8 .csstransitions .header_meta #s:hover, .msie8 .header_meta #s:focus{width: 121px; } .small_header_info{ text-align: right; font-size: 11px; font-style: italic; padding-bottom: 3px; position: absolute; bottom:40px; right:0; min-width: 200px; } #top .social_bookmarks { position: absolute; z-index: 150; margin:-20px 0 0 0; height:40px; top:50%; right:0; } #top .social_bookmarks li{ height:100%; float:left; padding:0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow: visible; margin-left:-9px; position: relative; -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } #top .social_bookmarks li:hover{ z-index: 10; } #top .social_bookmarks li a{ float:left; width:40px; line-height:40px; display: block; text-indent: 110%; margin:0px; outline: none; padding:0; min-height:30px; height:100%; overflow: hidden; position: relative; z-index: 3; /* -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; */ } .social_bookmarks_rss a{ background: transparent url(../images/icons/icon-rss.png) center 0px no-repeat;} .social_bookmarks_facebook a{ background: transparent url(../images/icons/icon-facebook.png) center 0px no-repeat;} .social_bookmarks_twitter a{ background: transparent url(../images/icons/icon-twitter.png) center 0px no-repeat;} .social_bookmarks_mail a{ background: transparent url(../images/icons/icon-mail.png) center 0px no-repeat;} .social_bookmarks_dribbble a{ background: transparent url(../images/icons/icon-dribbble.png) center 0px no-repeat;} .social_bookmarks_linkedin a{ background: transparent url(../images/icons/icon-linkedin.png) center 0px no-repeat;} .social_bookmarks_search a{ background: transparent url(../images/icons/icon-search-top.png) center 0px no-repeat;} .social_bookmarks_gplus a{ background: transparent url(../images/icons/icon-gplus.png) center 0px no-repeat;} .social_bookmarks_behance a{ background: transparent url(../images/icons/icon-behance.png) center 0px no-repeat;} .social_bookmarks_flickr a{ background: transparent url(../images/icons/icon-flickr.png) center 0px no-repeat;} .social_bookmarks_forrst a{ background: transparent url(../images/icons/icon-forrst.png) center 0px no-repeat;} .social_bookmarks_myspace a{ background: transparent url(../images/icons/icon-myspace.png) center 0px no-repeat;} .social_bookmarks_tumblr a{ background: transparent url(../images/icons/icon-tumblr.png) center 0px no-repeat;} .social_bookmarks_vimeo a{ background: transparent url(../images/icons/icon-vimeo.png) center 0px no-repeat;} .social_bookmarks_youtube a{ background: transparent url(../images/icons/icon-youtube.png) center 0px no-repeat;} .social_bookmarks_pinterest a{ background: transparent url(../images/icons/icon-pinterest.png) center 0px no-repeat;} #top .dark_bg_color .social_bookmarks li a{ background-position: center -43px ; } .social_bookmarks_rss:hover a, div .social_bookmarks_rss .css_3_hover {background-position: center -43px ; background-color:#ffa133; } .social_bookmarks_facebook:hover a, div .social_bookmarks_facebook .css_3_hover {background-position: center -43px ; background-color:#37589b; } .social_bookmarks_twitter:hover a, div .social_bookmarks_twitter .css_3_hover {background-position: center -43px ; background-color:#46d4fe; } .social_bookmarks_mail:hover a, div .social_bookmarks_mail .css_3_hover {background-position: center -43px ; background-color:#9fae37; } .social_bookmarks_dribbble:hover a, div .social_bookmarks_dribbble .css_3_hover {background-position: center -43px ; background-color:#e44885; } .social_bookmarks_linkedin:hover a, div .social_bookmarks_linkedin .css_3_hover {background-position: center -43px ; background-color:#419cca; } .social_bookmarks_search:hover a, div .social_bookmarks_search .css_3_hover {background-position: center -43px ; background-color:#222222; } .social_bookmarks_gplus:hover a, div .social_bookmarks_gplus .css_3_hover {background-position: center -43px ; background-color:#de5a49; } .social_bookmarks_behance:hover a, div .social_bookmarks_behance .css_3_hover {background-position: center -43px ; background-color:#008cfa; } .social_bookmarks_flickr:hover a, div .social_bookmarks_flickr .css_3_hover {background-position: center -43px ; background-color:#ff0086; } .social_bookmarks_forrst:hover a, div .social_bookmarks_forrst .css_3_hover {background-position: center -43px ; background-color:#234317; } .social_bookmarks_myspace:hover a, div .social_bookmarks_myspace .css_3_hover {background-position: center -43px ; background-color:#000000; } .social_bookmarks_tumblr:hover a, div .social_bookmarks_tumblr .css_3_hover {background-position: center -43px ; background-color:#345574; } .social_bookmarks_vimeo:hover a, div .social_bookmarks_vimeo .css_3_hover {background-position: center -43px ; background-color:#31baff; } .social_bookmarks_youtube:hover a, div .social_bookmarks_youtube .css_3_hover {background-position: center -43px ; background-color:#a72b1d; } .social_bookmarks_pinterest:hover a, div .social_bookmarks_pinterest .css_3_hover {background-position: center -43px ; background-color:#cb2027; } /*#top .social_bookmarks li:hover a{background: transparent url(../images/layout/overlay-social-icon.png) 0 top no-repeat;}*/ #searchform{ position: relative; float: left; margin:0; min-width:173px; } #searchsubmit { border: none; cursor: pointer; display: block; height: 37px; outline: none; padding: 0; position: absolute; right: 0px; text-indent: 200%; overflow: hidden; top: 0px; width: 37px; z-index: 2; margin:0; -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px; background-image: url(../images/icons/icon-search-button.png); background-position: center center; background-repeat: no-repeat; } #s { width: 160px; padding: 10px 40px 10px 10px; position: relative; margin:0; } .widget #s{ width:72%; } .widget #searchform{ width:100%; } .title_container #searchform{ position: absolute; right:0; width:212px; top:28px; z-index: 30; } .boxed .title_container #searchform{ right:30px; } .title_container #searchsubmit{ top: 1px; right: 1px; height: 35px; width: 35px; } /*prettyphoto enhancements*/ div.pp_default div .pp_content{ background-color: #f8f8f8; padding-bottom:5px; } .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; } #main{ position: relative; z-index: 2; margin-top: 0; } #main .container{ position: relative; padding-top:40px; } /*feedback*/ .feedback_button_wrap{ display:block; overflow: visible; -webkit-transform: rotateZ(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: fixed; top:415px; left:-32px; width:101px; z-index: 1000; -webkit-backface-visibility: hidden; } .feedback_button{ white-space:nowrap; display:inline-block; text-decoration: none; padding:7px 14px; border-width: 1px; border-style: solid; font-weight: bold; position: relative; -webkit-backface-visibility: hidden; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; margin:0 auto; } .msie8 .feedback_button_wrap, .msie7 .feedback_button_wrap{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); left:0; } /*pagination*/ #top .pagination { clear:both; padding: 0 0 0 0; position:relative; z-index:3; line-height: 13px; overflow: hidden; } #top .pagination span, #top .pagination a { display:block; float:left; font-size:11px; line-height:22px; padding:2px 9px 1px 9px; text-decoration:none; width:auto; border-width: 1px; border-style: solid; margin-right:3px; } #top .pagination .current{ font-size:11px; padding:2px 9px 1px 9px; font-weight: bold; } #top .pagination a:hover{ text-decoration: none; } #top .pagination .pagination-meta{ float:right; margin:0; } /*slidshow modifications for this theme*/ #top #wrap_all .slideshow_container{ padding:0; } #top #wrap_all .flex_column .slideshow_container{ margin-bottom:0; } .post-entry .slideshow_container .arrow_controls, .flex_column .slideshow_container .arrow_controls { top:20px; right:20px; } /*fancy js buttons*/ .css_3_hover_container{ overflow: hidden; position: relative; -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ } .css_3_hover{ position: absolute; z-index: 1px; background: #ff0000; height:100%; width:100%; top:0; left:0; -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; opacity: 0; } .css_3_hover_container:hover .css_3_hover{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); opacity: 1; } .css_3_hover_container:hover{ /* -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); */ } /* #Page Styles ================================================== */ .template-page.content{ padding-bottom:30px; } /*Contact Form*/ fieldset{ border:none; } .ajax_form{ clear:both; padding-top:20px; } #ajaxresponse.hidden{ visibility: visible; position: static; display:none; } .ajax_form .text_area{ padding:10px; margin-bottom:0; width:70%; min-height:130px; } .ajax_form .text_input, .ajax_form .select{ width:40%; margin-right:10px; margin-bottom:0; display:inline; min-width:221px; } select, .ajax_form .select, .entry-content select, .mobileMenu{ width:41.5%; min-width:245px; -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; } /* .safari select, .chrome select{ padding-right: 37px; } */ .ajax_form .textare_label{ display: block; visibility: visible; top: auto; left: auto; position: absolute; top: 2px; left: 70%; margin-left: 30px; } .ajax_form .input_checkbox{ margin-right:5px; position: relative; top:1px; } .ajax_form p{ padding: 0 0 10px 0; margin:0; position: relative; } .ajax_form label{ font-size: 11px; font-weight: bold; display:inline; } #ajaxresponse{ clear: both; } #top .valid .text_input, #top .valid .text_area, #top .valid select{border:1px solid #9AA600;} /*#70A41B*/ #top .error .text_input, #top .error .text_area, #top .error select{border:1px solid #D27F2C;} #top .ajax_alert .text_input, #top .ajax_alert .text_area, #top .ajax_alert select{border:1px solid #ffb628;} p.valid label{color:#9AA600;} p.error label{color:#D27F2C;} p.ajax_alert label{color:#ffb628;} .value_verifier_label{ position: absolute; top: 4px; left: 10px; } #element_avia_age label{ display:block; } #avia_age{ padding-left:65px; min-width:0; width:100px; } /*JS fanciness*/ .pointer_arrow{ height:20px; width:20px; position: absolute; top:-10px; left:50%; -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari and Chrome */ -o-transform:rotate(45deg); /* Opera */ transform:rotate(45deg); } .shift_menu .main_menu{ margin-top: -11px; } .pointer_arrow_wrap{ position: absolute; width:20px; height:10px; top:-13px; left:50%; margin-left:-11px; overflow: hidden; } .pointer_arrow_wrap .pointer_arrow{ left:0; top:4px; } /* #Blog Styles ================================================== */ #top .post-title{ font-size: 19px; line-height: 1.4em; font-weight: bold; margin-bottom:10px; } .sidebar_left .content{ float:right; } .template-blog .entry-content{ padding:12px 0; border-top-width:1px; border-top-style:solid; } .template-blog .post-entry{ float:left; width:100%; clear: both; padding-bottom:90px; position: relative; } .entry-content > p:first-child{ margin-top:0; } .more-link{ text-decoration: none; font-style: italic; } .more-link-arrow{ font-style: normal; font-size:11px; } /*post meta*/ #top .blog-meta{ position: relative; min-height: 1px; } #top .with-slideshow .side-container { position: relative; } .side-container-inner{ } .side-container-inner .date{ height:44px; position:absolute; left:0; text-align:center; width: 50px; top:0; } .side-container-inner .day { font-size: 23px; display: block; width: 50px; height: 50px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 50px; z-index: 3; } .side-container-inner .date_group { display: block; width: 50px; height: 50px; position: relative; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; top: -10px; z-index: 1; } .side-container-inner .month{ display:block; font-size:11px; line-height:1em; position:relative; text-transform:uppercase; width: 50px; padding-top: 15px; } .side-container-inner .year{ display:block; font-size:11px; line-height:1em; position:relative; width: 50px; } .minor-meta, .text-sep{ position: relative; display: block; float:left; font-size:12px; } .minor-meta{ z-index: 11; } .text-sep{ padding:0px 5px; } .side-container-inner{ padding-top:7px; } .post-entry-type-quote .side-container-inner{ position: absolute; padding-top:0px; top:-3px; } #top .side-container-inner .slideshow_container{ padding:0 0 10px 0; } .side-container-inner .minor-meta { padding: 0; text-align: right; float:none; line-height: 19px; font-size:11px; } .side-container-inner .minor-meta a{ text-decoration: none; } .side-container-inner .minor-meta a:hover{ text-decoration: underline; } .date-container-mobile{ float:none; display:none; } .avia-facebook-like { position: absolute; display: none; padding: 0; left: -4px; top: -42px; width: 415px; overflow:hidden; } div .like-count{ z-index: 11; } .blog-inner-meta{ z-index: 15; } .like-count:hover .avia-facebook-like{ display: block; } .fb-like{ display: block !important; width:100%; } .js_active .like-count:hover>a{ visibility: hidden; } #top .blog-tags, #top .blog-inner-meta{ float:none; width:100%; clear:both; margin:5px 0; position: relative; } .subtitle_intro{ font-size:15px; line-height: 1.7em; } /*search entries*/ .template-search.content a.post-entry { text-decoration: none; position: relative; } .template-search.content .news-excerpt{ display: block; overflow: hidden; padding-right:90px; } .template-search.content .hr { padding: 13px 0; margin: -6px 0; } .search-result-counter{ position: absolute; right:0; top: 50%; font-size:70px; line-height: 1.2em; z-index: 1; font-weight: bold; width:75px; height:70px; line-height: 70px; text-align: center; margin-top:-35px; } .nowidth.search-result-counter{ width:auto; } #top .template-search.content .news-content{ overflow: visible; } .template-search.content .pagination { margin-bottom: 20px; top: 20px; } /* #Post Formats ================================================== */ .post_nav{ clear:both; } .post-entry{ min-height: 1px; } #top .post-entry:hover{ z-index: 150; } .first-quote { font-size: 17px; line-height: 1.4em; } .quote-content{ font-size:12px; } .post-format-icon { display: none; width: 40px; height: 40px; position: absolute; left: -23px; top: -22px; border-style: solid; border-width: 1px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } h1 .post-format-icon{display:none;} .post-format-icon, .related_image_wrap, .news-thumb{ background-position: center center; background-repeat: no-repeat; } .post-entry-type-standard .post-format-icon, .post-format-standard .related_image_wrap, .post-format-standard .news-thumb { background-image: url("../images/icons/icon-format-standard.png"); } .post-entry-type-link .post-format-icon, .post-format-link .related_image_wrap, .post-format-link .news-thumb { background-image: url("../images/icons/icon-format-link.png"); } .post-entry-type-image .post-format-icon, .post-format-image .related_image_wrap, .post-format-image .news-thumb { background-image: url("../images/icons/icon-format-image.png"); } .post-entry-type-gallery .post-format-icon, .post-format-gallery .related_image_wrap, .post-format-gallery .news-thumb { background-image: url("../images/icons/icon-format-gallery.png"); } .post-entry-type-video .post-format-icon, .post-format-video .related_image_wrap, .post-format-video .news-thumb { background-image: url("../images/icons/icon-format-video.png"); } .post-entry-type-quote .post-format-icon, .post-format-quote .related_image_wrap, .post-format-quote .news-thumb { background-image: url("../images/icons/icon-format-quote.png"); } .post-entry-type-standard .post-format-icon{background-position: -229px -231px;} /* #Portfolio styles ================================================== */ .template-portfolio-overview{ padding-bottom:30px; } .post-entry-portfolio-first{ padding-bottom:0; } .portfolio-wrap, .template-portfolio-overview{ overflow-y: visible !important; } .sort_width_container, #js_sort_items{ overflow: hidden; position: relative; } #js_sort_items{ visibility: hidden; } #js_sort_items a{ display:block; float:left; text-decoration: none; } #top .portfolio-title .title_meta p { margin: 1.4em 0 0 0; line-height: 1.3em; } .avia_sortable_active .isotope, .avia_sortable_active .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .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, .inner_slide{ -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } .isotope_activated .isotope-item{ margin-left:0; } /*chrome unfortunatley flickers when resorting the items without this fix*/ .chrome .portfolio-sort-container .flex_column{opacity: 1 !important;} .single-portfolio-entry .post-entry{ padding-bottom:30px; overflow: hidden; } #top .active_portfolio_item .filtered-image{display:none;} /*ajax portfolio styles*/ .portfolio-wrap{clear:both; width:100%; position: relative; padding-top:30px; } .portfolio-wrap.avia_not_sortable{padding-top:0px;} .portfolio-details{display:none; clear:both; width:100%; position: relative; } .portfolio-details-inner{display:none; clear:both; width:100%; position: relative; overflow:hidden; } .open_container, .open_container .portfolio-details-inner{display: block; height:auto;} .ajax_slide {display:block; clear:both; width:100%; overflow:hidden; position: absolute; left:120%; top:0; z-index: 1;} .stretch_full .portfolio-details-inner{ border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; margin:0 0 30px 0; } #top .portfolio-meta-list{list-style-type: none; font-size: 12px; margin:0; padding:0 0 0 0;} #top .portfolio-meta-list li{margin-left:0;} .portfolio-meta-key{} .portfolio-meta-value {display:inline;} .portfolio-meta-value a{} .portfolio-meta-value a:hover{text-decoration: none;} .stretch_full .ajax_slide .inner_slide{ padding:30px 0; overflow: hidden; } .boxed .stretch_full .ajax_slide .inner_slide{ padding:30px; } .inner_slide .two_third { overflow: visible; min-height: 1px; } .ajax_slide.open_slide {display:block; position: relative; left:0; z-index: 2;} .ajax_controlls { position: absolute; right: 31.5%; top: 31px; z-index: 5; margin-right: -129px; } .stretched .ajax_controlls{margin-right: -140px;} .ajax_controlls a{ text-decoration: none; line-height:40px; width:40px; height:40px; display: block; float:left; margin-left:4px; background-image: url("../images/layout/arrow_ajax.png"); background-repeat: repeat; background-position: -1px center; text-indent: 200%; overflow: hidden; border-style:solid; border-width:1px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .ajax_controlls .ajax_next{ background-position: -38px center; } .ajax_controlls .avia_close{ background-position: -80px center; } #top .inner-entry{ margin-bottom:1px; margin-right:1px; position: relative; border-bottom-style:solid; border-bottom-width:1px; } .portfolio-title.title_container { margin-bottom: 17px; top: 0; margin-top: 0; padding-bottom: 15px; } #top .flex_column .portfolio-title{ padding: 7px 7px 2px 7px; text-align: center; margin:0; border:none; } #top .flex_column .portfolio-title .main-title{ padding:3px; text-align: center; margin:0; font-weight: bold; letter-spacing: normal; font-size: 13px; min-height: 16px; float:none; line-height: 1.4em; } #top .portfolio_excerpt{ position: relative; margin-top: -5px; } #top .portfolio_excerpt p{ margin:0 0 6px 0; text-align: center; font-size: 12px; font-style: italic; } #top .flex_column .portfolio-title a:hover{color: inherit; text-decoration: underline; } /* .avia_sortable .ajax_controlls{position: absolute; right:19px; top:-63px; z-index: 5; margin:0; } */ /* .avia_not_sortable */.inner_slide .portfolio-entry{ margin-top:55px; } #top .no_stretch .flex_column, #top .no_stretch .portfolio-entry{ width:100%; margin:0; clear: both; padding-bottom:30px; } .portfolio-sort-container .inner-entry, .portfolio-sort-container .inner-entry h1, .portfolio-sort-container .inner-entry p{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*image overlays*/ .da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Initial state classes: */ .da-slideFromTop { left: 0px; top: -100%; } .da-slideFromBottom { left: 0px; top: 100%; } .da-slideFromLeft { top: 0px; left: -100%; } .da-slideFromRight { top: 0px; left: 100%; } /* Final state classes: */ .da-slideTop { top: 0px; } .da-slideLeft { left: 0px; } /*related entries*/ .related_posts{ clear: both; overflow: hidden; padding:0 0 30px 0; } .related_title{ padding:0 0 10px 0; } .related_entries_container{ position: relative; overflow: hidden; } .alpha.relThumb{ margin:0; } .relThumWrap{ margin-right:6px; display: block; } #top .relThumWrap{ text-decoration: none; } #top .relThumWrap:hover h1{ text-decoration: underline; } .related_image_wrap{ display: block; border-style:solid; border-width:1px; padding:3px; } .related_image_wrap img{ display:block; width:100%; } .related_posts_default_image{ display:block; visibility: hidden; min-height: 73px; } .post-format-portfolio .related_image_wrap{ background-image: url("../images/icons/icon-format-video.png"); background-position: center center; background-repeat: no-repeat; } .related_posts.stretch_full{ border-top-style: solid; border-top-width: 1px; padding: 21px 0; } .boxed .stretch_full .related_title { padding: 0 0 10px 30px; } .boxed.single-portfolio .related_entries_container { padding: 0 30px; } #top .relThumb .title_meta{ padding:0; font-size: 11px; } /*post navigation*/ .post_nav_container{ border-top-style: solid; border-top-width: 1px; position: relative; clear: both; } .template-blog .post_nav_container{ border-top-style: solid; border-top-width: 1px; border-bottom:none; top:0; } .post_nav{ font-size: 11px; overflow: hidden; position: relative; padding:8px 30px; } .stretched .post_nav { padding:8px 0; } .next_post_link_align{ float:right; padding: 0 18px 0 0; display: block; position: relative; right:-5px; max-width:35%; } .previous_post_link_align{ float:left; padding: 0 0 0 18px; display: block; position: relative; left:-5px; max-width:50%; } .post_link_text{padding:0 5px;} /*template archives*/ .template-archives{ padding-bottom:30px; } .single_slide .relThumb1{ margin-left:0; } .single_slide .relThumb{ margin-bottom:15px; } /*template post_timeline*/ #top .post_timeline_header{ } #top .post_timeline{ border-left-width: 1px; border-left-style: solid; margin:0 0 8px 25px; padding:13px 0; list-style-position: outside; list-style-type: none; overflow: visible; } #top .post_timeline li{ float:none; overflow: visible; position: relative; padding:6px 0; -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } #top .post_timeline a{ text-decoration: none; } #top .post_timeline a:hover{ text-decoration: underline; } .timeline-bullet{ position: absolute; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; height:5px; width:5px; top:50%; margin-top:-4px; left:-18px; border-style: solid; border-width: 2px; -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ } /*left sidebar*/ .sidebar_left .inner_sidebar { padding: 0 29px 0 0; border-right-width: 1px; border-right-style: solid; border-left:none } /* #Sidebar, Footer & Widgets ================================================== */ .content .widget{ padding:0; } .sidebar{ margin-bottom:40px; position: relative; display: block; min-height: 521px; } .fullwidth .sidebar{ display:none; } .inner_sidebar{ padding-left:29px; position: relative; z-index: 2; } .sidebar_bg{ position: absolute; left:0; width:186px; z-index: 1; } .sidebar_bg_top{ top:0px; height:261px; background: url("../images/layout/shadow_sidebar_01.png") no-repeat top left transparent; } .sidebar_bg_bottom{ bottom:0px; height:260px; background: url("../images/layout/shadow_sidebar_03.png") no-repeat top left transparent; } .sidebar_bg_center{ background: url("../images/layout/shadow_sidebar_02.png") repeat-y top left transparent; top:261px; bottom:260px; left:0; right:0; } .sidebar_left > .sidebar_bg{ left:auto; right:0; } .sidebar_left > .sidebar_bg_top{ background: url("../images/layout/shadow_sidebar_left_01.png") no-repeat top right transparent; } .sidebar_left > .sidebar_bg_bottom{ background: url("../images/layout/shadow_sidebar_left_03.png") no-repeat top right transparent; } .sidebar_left > .sidebar_bg_center{ background: url("../images/layout/shadow_sidebar_left_02.png") repeat-y top right transparent; } .sidebar .widget .seperator{ position: absolute; bottom: 0; left:0; padding:1px; width:20%; border-bottom-width:1px ; border-bottom-style: solid; } .widget, #footer .widget{ clear:both; position: relative; overflow: hidden; padding:30px 0 30px 0; float:none; } .sidebar form{ margin:0; } #top .widget input[type="text"], #top .widget input[type="password"]{ width:92%; } .widget>ul, .widget>ol{ margin-left:0; } .sidebar .widget:first-child{ padding-top:0; border-top: none; } .sidebar .widget:last-child, .sidebar .widget:last-child .seperator{ border-bottom: none; } /*Archive, Cat, Page widget*/ /* .sidebar .widget_archive li , .sidebar .widget_categories li, .sidebar .widget_pages li, .sidebar .widget_links li, .sidebar .widget_meta li{ float: left; margin: 0 2% 0 0; width:48%; clear:none; }*/ .widget ul li{ float: left; margin: 0; clear:both; width:100%; } #top .widget ul li a{ text-decoration: none; } #top .widget ul li a:hover{ text-decoration: underline; } .widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a{ font-size: 11px; } /*text*/ .textwidget ul{ margin-left:0px; overflow: hidden; } /*combo widget*/ #top .sidebar .widget_tab_comments, #top #footer .widget_tab_comments{ display:none; } .js_active .avia_combo_widget .tab_content { padding:5px; } /*social media count widget*/ .avia_socialcount{ overflow: hidden; padding:20px 0 0 0; } .avia_socialcount .seperator{ display:none; } div #footer .avia_socialcount{ padding:10px 0 0 0; } .asc_multi_count{ float:left; width:50%; } .avia_socialcount a, .avia_socialcount a:hover{ height:40px; text-decoration: none; display:block; min-width:89px; } .asc_twitter{ background: url("../images/icons/icon-twitter-32.png") no-repeat left center transparent; } .asc_rss { background: url("../images/icons/icon-rss-32.png") no-repeat left center transparent; } .avia_socialcount strong, .avia_socialcount span{ display:block; line-height: 1em; padding:0 0 0 36px; } .avia_socialcount a strong{ font-size: 10px; font-weight: bold; letter-spacing: 1.5px; padding-top: 10px; text-transform: uppercase; } .avia_socialcount a span{ font-size:10px; padding-top:3px; } /*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: dotted; 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:10px; } .widget.tweetbox .tweet-text.avatar_no { font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; 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%; } #top .widget .infoWindow input[type="text"]{ margin: 0 0px 3px 0; } /*news widget*/ #top .news-content{ padding:7px 0 3px 0; line-height: 18px; position: relative; overflow: hidden; font-size:11px; display: block; clear: both; margin:0; } #top .news-wrap{ border:none; list-style-type: none; list-style-position: outside; } #top .news-wrap li{ border:none; background: none; text-indent: 0; } .news-link, .news-link:hover, #top .widget ul li .news-link:hover{ display: block; position: relative; text-decoration: none; overflow: hidden; z-index: 2; } /*default size news/portfolio widget*/ .news-thumb{ margin-right:9px; padding:3px; float:left; margin-top: 4px; border-style: solid; border-width: 1px; min-width: 36px; min-height: 36px; } .image_size_widget .news-thumb{ height:36px; width:36px; } .image_size_widget .tweet-thumb img, .image_size_widget .news-thumb img{ width:36px; height:36px; } /*bigger size news/portfolio widget*/ .image_size_portfolio_small .news-link{ float:left; margin-right:10px; } .image_size_portfolio_small .news-thumb, .image_size_portfolio_small .tweet-thumb img, .image_size_portfolio_small .news-thumb img{ width:150px; min-height:100px; } .image_size_portfolio_small .news-excerpt{ overflow: hidden; font-size: 13px; line-height: 1.65em; } .image_size_portfolio_small .news-headline{ font-size:14px;} #top .news-thumb img{display:block; float:left; border:none; padding:0; margin:0;} .news-headline{ overflow: hidden; font-weight: bold; margin-top:2px; display:block; } .news-time{ font-weight:normal; clear: both; font-size:10px; display:block; } .news-excerpt{ } /*tagcloud*/ .tagcloud a{ font-size:11px !important; padding:2px 8px; margin:0 1px 1px 0; display:block; float:left; border-style: solid; border-width: 1px; text-decoration: none; } .tagcloud a:hover{ text-shadow: none; text-decoration: underline; } .widget_tag_cloud h3{ border:none; } /*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; } /*nav menu widget*/ #top .widget_nav_menu{ padding:0; overflow: visible; } .widget_nav_menu .seperator{display:none;} .widget_nav_menu a{ display: block; padding:6px 0px 7px 10px; border-top-style: solid; border-top-width: 1px; } #top .widget_nav_menu li{ position: relative; } #top .widget_nav_menu li:before { content: "\2219"; position: absolute; top:7px; } .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{ padding-left: 28px; left: -28px; border-top-style: solid; border-top-width:1px; border-bottom-style: solid; border-bottom-width:1px; top:1px; margin-top: -1px; padding-top:1px; } .sidebar_left .widget_nav_menu ul:first-child>.current-menu-item, .sidebar_left .widget_nav_menu ul:first-child>.current_page_item{ padding-left:0px; padding-right:30px; left:0; } .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a{ border:none; } #top .widget_nav_menu ul{ padding:0; margin:0; width:100%; float:left; } #top .widget_nav_menu .sub-menu, #top .widget_nav_menu .children{ padding:0 0 0 10px; overflow: hidden; margin:0; } .sidebar_right>.widget_nav_menu a{ padding:4px 10px 4px 20px; } #top .sidebar_right>.widget_nav_menu .sub-menu, #top .sidebar_right>.widget_nav_menu .children{ padding:0 10px 0 10px; } .widget_nav_menu .nested_nav>li:first-child>a{ border:none; } #top .widget_nav_menu .nested_nav{ padding-bottom:30px; } /* #Footer & #Socket ================================================== */ /*footer*/ #footer{ border-top-style: solid; border-top-width:1px; } #footer .container{ padding-top:30px; padding-bottom:30px; } #footer .widget_archive li a, #footer .widget_categories li a, #footer .widget_pages li a, #footer .widget_links li a, #footer .widget_meta li a, #footer .widget_nav_menu li a { display: block; font-size: 11px; padding: 3px 0; border-bottom-style: dotted; border-bottom-width: 1px; } #footer .widget_archive > ul, #footer .widget_categories > ul, #footer .widget_pages > ul, #footer .widget_links > ul, #footer .widget_meta > ul, #footer .widget_nav_menu > ul { border-top-style: dotted; border-top-width: 1px; } #footer strong{background:none;} /*socket*/ #socket .container{ padding:20px 0; font-size:11px; line-height: 1.2em;} #socket a{ text-decoration: none;} #socket a:hover{ text-decoration: underline;} #socket .copyright{float:left;} .sub_menu{float:right; margin:0;} .sub_menu div{overflow: hidden;} .sub_menu li{float:left; display:block; padding:0 10px; border-left-style: solid; border-left-width: 1px; } .sub_menu li:first-child{border:none;} .sub_menu li:last-child{padding-right:0;} .boxed #socket{ margin-bottom:40px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .boxed #wrap_all{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* #Comments ================================================== */ h4#comments{ margin-bottom:30px; } #respond{ margin-top:20px; } .commentlist ul { border-left-style: solid; border-left-width: 1px; } .children .children .says{ border-bottom-style: solid; border-bottom-width: 1px; } .widgettitle, .miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title{ font: 10px/17px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; } #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; } #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; } .commentlist>.comment{ border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:30px; } .gravatar{ position: relative; z-index: 2; } .gravatar img{ padding:3px; margin:0; border-style: solid; border-width: 1px; } .comment_content{ position:relative; margin:-44px 0 0 55px; padding:0 0 15px 0; z-index: 10; } .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-top: 15px; border:none; } #top .comment-reply-link { font-size: 11px; text-decoration: none; position: absolute; left: -46px; top: 39px; line-height: 20px; } .side-container-comment-inner{ text-align: center; } .side-container-comment-inner .comment-count{ font-size: 23px; display: block; width: 50px; height: 50px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 50px; z-index: 3; } .side-container-comment-inner .comment-text{ font-size: 12px; } /*children*/ #top .commentlist ul{ margin: 0 0 0 74px; } #top .commentlist .children ul{ margin: 0 0 0 47px; } .children .comment_content { margin: -44px 0 0 28px; padding-bottom:30px; z-index: 1; } .children .gravatar{ position: relative; left:-24px; z-index: 2; width:50px; } #top .children .comment-reply-link { left: -44px; } /*comment page nav*/ .comment_page_nav_links{ position: relative; display: block; clear:both; overflow: hidden; font-size:11px; } .comment_prev_page a{ float:left; } .comment_next_page a{ float:right; } .comment_page_nav_links_bottom{ } .comment_page_nav_links_top{ } /*generated by comment_form()*/ #commentform{ position: relative;} #commentform p{ position: relative; padding:0 0 10px 0; margin:0;} #reply-title small a{ float:right;} #commentform label{ position: absolute; left:245px; font-size: 11px; top:0; font-weight: bold; } #commentform input{ margin:0; } .commentlist #commentform label{ position: static; display: block; } #commentform .required, .comment-notes, #commentform .comment-form-comment label{ display:none; } .comment-form-url input, .comment-form-email input, .comment-form-author input{ width: 220px; } .commentlist .comment-form-url input, .commentlist .comment-form-email input, .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; } .js_active audio{visibility: hidden;} /* #Dynamic Templates ================================================== */ .small_meta_text { display: block; top:-4px; font-size: 11px; position: relative; width:100%; overflow: hidden; } #top .dynamic_multi_entries .entry-content{ text-align: left; } #top .dynamic_multi_entries_tribe_events .entry-content{ border-bottom-style: dotted; border-bottom-width: 1px; padding:5px 4px 0; } #top .dynamic_multi_entries_tribe_events .entry-content:last-child{ border:none; } .small_meta_text span, .small_meta_text a{ text-decoration: none; font-size: 11px; } .small_meta_text a:hover{ text-decoration: underline; } .dynamic-template #main{ margin-top: 0; } .dynamic_element{ clear:both; } .dynamic_element.title_container { margin-top: 0; } #top .container_split{ border-top-style: solid; border-top-width:1px; } #top .container_split .container{ padding-top:30px; padding-bottom:30px; } #top .container_split.overlap .container{ padding-bottom:40px; } #top.stretched .container_split.overlap{ box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.3); } #top.stretched .container_split.thisOverlap .container > .content, #top.stretched .template-overlap{ margin-top: -70px; padding: 25px; left: -25px; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } #top.stretched .template-overlap{ margin-top: 0px; top: -30px; left: 0px; } #top.stretched .big_slider_active .template-overlap { top: -60px; } /* #top.boxed .container_split.thisOverlap .container > .content, #top.boxed .template-overlap{ padding: 15px; left: -20px; } */ #top .container_split .container .container{ padding-top:0; } #top .container .container{ padding-top:0; } #top .dynamic_element.title_container .top_stripe_shadow, #top .dynamic_element.title_container .bottom_shadow, .empty_title.title_container .main-title{ display: none; } #top .dynamic_element.title_container {border:none;} #top .container .content .title_container .container { padding-bottom:2px; } #top .dynamic-column-title { position: relative; top:3px; } #top #slideshow_big .slideshow_container.dynamic_element .slide_controls { bottom: 10px; } .dynamic_element.template-portfolio-overview{ padding-bottom:30px; width: 100%; } .dynamic_template_column_container{ position: relative; width:100%; } #top div .dynamic_template_column_container .slideshow_container{ margin-bottom:15px; } .outer_callout{ margin:10px 0; } #top .callout{ font-size: 26px; line-height: 1.4em; padding:0 ; margin:0; position: relative; text-align: center; } #top .callout p{ padding:0; margin:0; } #top .callout .content-area a{ padding:0px 10px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dynamic_template_column_container{overflow:hidden;} #top .callout .content-area p a:hover{ background: none; } .padding-active.content-area{ padding-right:170px; text-align: left; } #top .big_button{ height:40px; line-height: 40px; min-width:100px; position: absolute; right:0; top:50%; margin: -20px 0 0 0; z-index: 3; font: 12px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; } .margin_container.small_margin{ height:180px; } .margin_container{ height:360px; padding:0px 30px; width:100%; position: relative; left:-30px; } .dynamic_template_columns .entry-content{ padding-top:10px; text-align: center; } .dynamic_template_columns p{ margin: 0.55em 0; } .partner_list{ border-left-width:1px; border-left-style:solid; } .partner_list .flex_column{ overflow: visible; } .partner_list a{ display:block; position: relative; overflow: hidden; } .partner_list .inner_column{ border-width:1px; border-style:solid; margin-left:-1px; margin-top:-1px; display:block; position: relative; overflow: hidden; } .partner_list .inner_column img{ display:block; width:100%; } .flex_column{min-height:1px;} #top .mini-blog-entry .post-title, #top .mini-blog-entry .offset-by-one{ padding-left:0; } #top .mini-blog-entry .post-title{ font-weight: normal; position: relative; top:5px; font-size: 17px; text-transform: none; } .inner-entry-slideshow{ padding-top:8px; } #top #main .slideshow_container{ border-style:solid; border-width:1px; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .dynamic_template_columns .post-entry{ width:100%; float:left; clear:both; margin-bottom:30px; } .one_third .inner-entry-content, .one_fourth .inner-entry-content, .one_third .inner-entry-slideshow, .one_fourth .inner-entry-slideshow{ margin:0; width:100%; } #top .dynamic-column-entries-title { margin: 6px 0; font-size: 14px; font-weight: normal; padding: 10px 20px; border-left-width: 4px; border-left-style: solid; } #top .dynamic_multi_entries_tribe_events .dynamic-column-title { color: inherit; font-weight: normal; text-transform: none; } #top .dynamic_multi_entries_tribe_events .dynamic-column-title a:hover{ text-decoration: underline; } .stretched .overlap_hr{ display: block; height: 17px; clear: both; } #top .big_slider_inactive .container_split:first-child{ border-top:none; } #top .main_menu li:hover, #top .main_menu li:hover ul { z-index: 9999; } .av-plugin-alert{ border:1px solid #e1e1e1; color:#d03b0a; padding:20px; } #top .av-plugin-alert strong{display:block; color:#942500;} #top .av-plugin-alert a{color:#942500;} .av-subpagination{ clear: both; width:100%; } /* #Media Queries ================================================== */ /* large screens with 1140px with */ /* @media only screen and (min-width: 1140px) { .responsive .thumbnails_container .slideThumb{ margin-right:14px;} } */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .responsive #top .caption_framed .slideshow_caption .slideshow_inner_caption {padding:5%;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .thumbnails_container .slideThumb{ margin-right:19px;} .responsive .side-container-inner .minor-meta { text-align: center; } /*thumbnail slideshow*/ .responsive .thumbnails_container .slideThumb{ margin-right:14px;} /*slideshow*/ .responsive #top .slideshow_caption h1{ font-size: 18px; line-height: 1.3em; } .responsive #top .slideshow_caption .featured_caption{ font-size: 12px; line-height: 1.4em; } .responsive #top .caption_supersize .slideshow_caption h1{ font-size: 38px; } .responsive #top .caption_supersize .slideshow_caption .featured_caption{ font-size: 14px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .responsive #top .container>.content{margin-bottom:0;} /*header*/ .responsive #top .feedback_button{display:none;} .responsive .main_menu{background: none; box-shadow:none;} .responsive .main_menu, .responsive .logo{ text-align: center; position: relative; top:auto; margin:0 auto; display:block; float:none; left:auto; right:auto; height:auto; padding:20px 0; clear:both; width:100%;} .responsive .logo .subtext {clear:both; float:none; position: static;} .responsive .main_menu div, .responsive .logo a, .responsive .logo img{display:inline-block; float:none;} .responsive .header_meta{position: relative; margin:0; top:0;} .responsive .header_meta #searchform {display:none;} .responsive .header_meta .small_header_info{position: relative; text-align: center; bottom: auto;} .responsive #top .social_bookmarks{position: relative; top: auto; clear: both; margin: 0; width:100%; overflow: hidden; text-align: center; height:40px;} .responsive #top .social_bookmarks li, .responsive #top .social_bookmarks li a{display:inline-block; float:none;} .responsive .avia_wpml_language_switch { position: absolute; width:auto; height: 30px;} .responsive .boxed .next_event_super_wrap{left:0; } /*title*/ .responsive .title_container h1, .responsive .title_container .breadcrumb{ width:100%; max-width:100%;} .responsive .title_container .breadcrumb{ top:-15px;} .responsive .title_container #searchform { position: relative; right: auto; width: 100%; top: auto; margin:20px auto 0 auto; float: none; } .responsive .title_container #searchform>div{margin:0 30px; position: relative;} .responsive .title_container #s{width:87%;} .responsive .content .title_container #searchform > div {margin:0;} .responsive .padding-active.content-area { padding-right: 0; } .responsive #top .big_button{position: relative; top:auto; margin:20px 0 0 0; display:block;} /*slideshow*/ .responsive #slideshow_big .slideshow_caption {min-width: 80%;} .responsive #main .featured_caption, .responsive #main .caption-slideshow-button{display:none;} .responsive #top .caption_supersize .slideshow_caption h1{ font-size: 28px; } .responsive #top .caption_supersize .slideshow_caption .featured_caption{ font-size: 14px; } /*tables*/ .responsive #top .avia_table tr.pricing-row td {font-size: 22px; } /*sidebar*/ .responsive #top .inner_sidebar { padding: 0 0 0 0; border: none; } .responsive #top .sidebar_bg{display: none;} /*blog*/ .responsive .post-format-icon{display: none;} .responsive #top .blog-meta.alpha{display: none;} .responsive .date-container-mobile{display:block;} .responsive .comment-form-url input, .responsive .comment-form-email input, .responsive .comment-form-author input{ width: 94%; } .responsive #commentform label { position: static; } /* portfolio*/ .responsive .ajax_controlls {position: absolute;right: 30px;top: -22px;z-index: 5;margin:0} .responsive #top .partner_list .flex_column{width:50%; margin:0; clear:none;} .responsive #top .partner_list {clear:none;} /*footer and bellow*/ .sub_menu{display:none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*portfolio*/ .responsive #top .portfolio-entry-overview{ width:48%; margin-bottom: 0;} .responsive #top .portfolio-parity-odd{ clear:both; } /*thumbnail slideshow*/ .responsive .thumbnails_container .slideThumb{ margin-right:4px;} /*slideshow*/ .responsive #top .slideshow_caption h1{ font-size: 16px; line-height: 1.3em; } .responsive #top .slideshow_caption .featured_caption{ font-size: 12px; line-height: 1.4em; } .responsive #top .caption_supersize .slideshow_caption h1{ font-size: 23px; } .responsive #top .caption_supersize .slideshow_caption .featured_caption{ font-size: 12px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive .title_container #s{width:80%;} /*portfolio*/ .responsive #top .portfolio-entry-overview{ margin-bottom: 0;} /*thumbnail slideshow*/ .responsive .thumbnails_container .slideThumb{ margin-right:6px;} /*contact*/ .responsive .ajax_form label{display:block;} /*slideshow*/ .responsive #top .slideshow_caption h1{ font-size: 13px; line-height: 1.3em; } .responsive #top .slideshow_caption .featured_caption{ font-size: 11px; line-height: 1.4em; } .responsive #top .caption_supersize .slideshow_caption h1{ font-size: 20px; } .responsive #top .caption_supersize .slideshow_caption .featured_caption{ font-size: 11px; } .responsive .dash {margin-right: 4px;} } /* #added with upates: ================================================== */ .infotext { padding: 10px 30px 6px 0; } #top .twitter-tweet-rendered{ max-width:100%!important; } #top .hidden_container.container_wrap{ display:none; } .slideshow_media_wrap{ -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } .avia-facebook-like .fb-like span, .avia-facebook-like .fb-like span iframe{ height:61px !important; width:46px !important; } /*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{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 .time-meta, #top .widget_twitter .from-meta{} #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;} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } *//*Shortcode Button variations Frontend*/ .shortcode_prev{ font-family:Arial,Helevtica,Verdana,san-serif; } body .avia-button{ color:#fff; background-image: url("../images/icons/bg-button.png"); background-repeat: repeat-x; background-position: 0 0; padding:0 10px; font-size: 12px; text-decoration: none; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-style: solid; border-width: 1px; margin:3px 0; line-height: 28px; border-color: #e1e1e1; background-color: #f8f8f8; position: relative; font-weight:bold; } body .avia-button:hover{ background-position: 0 -4px; opacity:0.8; color:#fff; text-decoration: none; } body .avia-button.dark , body .avia-button.dark:hover{ color:#444; } #top .big_button{color:#fff;} body .avia-button.grey , body .avia-button.grey:hover{background-color: #555; border-color: #555; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); color: #fff; } body .avia-button.black , body .avia-button.black:hover{background-color: #222; border-color: #222; text-shadow: 0 -1px 0 rgba(0, 0, 0, 1); color: #fff; } body .avia-button.red , body .avia-button.red:hover{background-color: #B02B2C; border-color: #B02B2C; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); color: #5d1a1b; } body .avia-button.orange, body .avia-button.orange:hover{background-color: #edae44; border-color: #edae44; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #745521; } body .avia-button.green , body .avia-button.green:hover{background-color: #83a846; border-color: #83a846; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #415324; } body .avia-button.blue , body .avia-button.blue:hover{background-color: #7bb0e7; border-color: #7bb0e7; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #3f5871; } body .avia-button.aqua , body .avia-button.aqua:hover{background-color: #4ecac2; border-color: #4ecac2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #286460; } body .avia-button.teal , body .avia-button.teal:hover{background-color: #5f8789; border-color: #5f8789; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #314445; } body .avia-button.purple, body .avia-button.purple:hover{background-color: #745f7e; border-color: #745f7e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #3c3240; } body .avia-button.pink , body .avia-button.pink:hover{background-color: #d65799; border-color: #d65799; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #692b4b; } body .avia-button.silver, body .avia-button.silver:hover{background-color: #d7d7d7; border-color: #d7d7d7; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color: #444; } body .avia-button.small{ padding:0 4px 0px 4px; font-size: 10px; line-height: 22px; } body .avia-button.large{ padding:0 10px 0px 10px; font-size: 13px; line-height: 33px; } body .avia-button.xl{ padding:0 16px; font-size: 14px; line-height: 42px; } .avia-button span{ position: relative; } body .avia-button .avia-info{ background: transparent url("../images/icons/info.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;} body .avia-button .avia-alert{ background: transparent url("../images/icons/alert.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;} body .avia-button .avia-tick{ background: transparent url("../images/icons/tick.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;} body .avia-button .avia-download{background: transparent url("../images/icons/download.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;} body .avia-button .avia-note{ background: transparent url("../images/icons/note.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;} body .avia-button .avia-error{ background: transparent url("../images/icons/error.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;} body .avia-button .avia-help{ background: transparent url("../images/icons/help.png") no-repeat center left; padding: 2px 0 2px 22px; left:-2px;} /*Inline Links with icon*/ .avia-ilink a{ text-decoration :none; padding: 2px 0 2px 22px; display: inline-block; } .avia-ilink .info{ background: transparent url("../images/icons/info.png") no-repeat center left; } .avia-ilink .alert{ background: transparent url("../images/icons/alert.png") no-repeat center left; } .avia-ilink .tick{ background: transparent url("../images/icons/tick.png") no-repeat center left; } .avia-ilink .download{background: transparent url("../images/icons/download.png") no-repeat center left; } .avia-ilink .note{ background: transparent url("../images/icons/note.png") no-repeat center left; } .avia-ilink .error{ background: transparent url("../images/icons/error.png") no-repeat center left; } .avia-ilink .help{ background: transparent url("../images/icons/help.png") no-repeat center left; } /*quotes*/ .pullquote{ border:none; background: none; padding:0; } .pullquote_right { float:right; margin:1% 0 1% 14%; width:40%; clear:none; } .pullquote_right.pullquote_boxed{ margin:1% 0 1% 4%; } .pullquote_left { float:left; margin:1% 4% 1% 0; width:40%; clear:none; } .pullquote_boxed{ padding:10px 10px 10px 10px; border-left-style:solid; border-left-width:5px; } .pullquote_boxed:before{ content: ""; } .pullquote_left .inner_quote{ padding:0 0 0 40px; } #top .pullquote_boxed .inner_quote{ padding:0; width:auto; left:auto; margin:0; } .sidebar_right .pullquote_left:before{ left:-138px; } .sidebar_left .pullquote_left:before{ left:-7px; } .sidebar_right .template-blog .entry-content .pullquote_left .inner_quote { width: 120%; position: relative; left: -60px; margin-left: -10%; } .sidebar_left .template-blog .entry-content .pullquote_right .inner_quote { width: 150%; position: relative; left: 60px; margin-left: -40%; } /*preview modification only*/ .shortcode_prev blockquote{ font-size: 14px; } .shortcode_prev .pullquote_boxed{ background-position:10px 28px; } .shortcode_prev .pullquote_left, .shortcode_prev .pullquote_right{ width:60%; } /*info boxes*/ div div .avia-box{ clear: both; padding:15px; background: #f8f8f8; border-top:1px solid; border-bottom:1px solid; border-color:#e1e1e1; border-left:none; border-right:none; color:#777; font-size: 12px; line-height: 1.5em; text-align: center; margin:5px 0; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .avia-box.large{ padding:22px; font-size: 13px; } .avia-box.full{ border-left:1px solid; border-right:1px solid; border-color:#e1e1e1; } .avia-box.rounded{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .avia-innerbox {display:inline-block;} .avia-box.custom_icon .avia-innerbox{padding:2px 0 2px 40px; } .avia-box.info .avia-innerbox{ background: transparent url("../images/icons/info.png") no-repeat center left; padding:2px 0 2px 40px; } .avia-box.alert .avia-innerbox{ background: transparent url("../images/icons/alert.png") no-repeat center left; padding:2px 0 2px 40px; } .avia-box.tick .avia-innerbox{ background: transparent url("../images/icons/tick.png") no-repeat center left; padding:2px 0 2px 40px; } .avia-box.note .avia-innerbox{ background: transparent url("../images/icons/note.png") no-repeat center left; padding:2px 0 2px 40px; } .avia-box.error .avia-innerbox{ background: transparent url("../images/icons/error.png") no-repeat center left; padding:2px 0 2px 40px; } .avia-box.help .avia-innerbox{ background: transparent url("../images/icons/help.png") no-repeat center left; padding:2px 0 2px 40px; } .avia-box.download .avia-innerbox{ background: transparent url("../images/icons/download.png") no-repeat center left; padding:2px 0 2px 40px; } .avia-box.custom_icon_none .avia-innerbox{padding:2px;} .avia-box.info , .avia-box.info strong, .avia-box.info a, .avia-box.info a:hover {border-color:#9dadbf; background-color: #f5f6fc; color:#4671a3; } .avia-box.alert , .avia-box.alert strong, .avia-box.alert a, .avia-box.alert a:hover {border-color:#E6BF4A; background-color: #FFFDF3; color:#c96d11 ; } .avia-box.tick , .avia-box.tick strong, .avia-box.tick a, .avia-box.tick a:hover {border-color:#aebd9b; background-color: #f9fcf6; color:#6a7c36; } .avia-box.note , .avia-box.note strong, .avia-box.note a, .avia-box.note a:hover {border-color:#9dadbf; background-color: #f5f6fc; color:#4671a3; } .avia-box.error, .avia-box.error strong, .avia-box.error a, .avia-box.error a:hover {border-color:#cda18f; background-color: #fff8f4; color:#af2c20; } .avia-box.help , .avia-box.help strong, .avia-box.help a, .avia-box.help a:hover {border-color:#9dadbf; background-color: #f5f6fc; color:#4671a3; } .avia-box.download, .avia-box.download strong, .avia-box.download a, .avia-box.download a:hover {border-color:#9dadbf; background-color: #f5f6fc; color:#4671a3; } #top .avia-box a:hover{text-decoration: none;} /*iconbox*/ .iconbox{ overflow: hidden; padding-bottom:10px; } .iconbox_icon{ background: #000; float:left; padding: 0; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; padding:6px; margin:1px 10px 0 0; height:24px; width:24px; } .iconbox_icon img{ display: block; height:24px; width:24px; } .iconbox_content{ overflow: hidden; font-size: 12px; line-height: 20px; } .iconbox .iconbox_content .iconbox_content_title { border: medium none; padding: 0; position: relative; margin:0 0 2px 0; font-size: 13px; } .shortcode_prev .iconbox_content, .iconbox_top .iconbox_content .iconbox_content_title { color:#777; } .shortcode_prev .iconbox_content_title, .shortcode_prev .iconbox_top_content_title{ color:#000; } .shortcode_prev .iconbox_content p, .shortcode_prev .iconbox_top_content p{ margin:0 0 15px 0; } .iconbox_top_content a{ font-weight: bold; } .iconbox_top_content a:hover{ text-decoration: none; } /*iconbox_top*/ .iconbox_top{ padding-bottom:10px; padding:40px 20px 20px 20px; background: #f8f8f8; margin:34px 0 10px 0; text-align: center; position: relative; } .iconbox_top_icon{ background: #000; float:left; padding: 0; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; position: absolute; top:-22px; left:50%; margin-left:-22px; padding:10px; height:24px; width:24px; } .iconbox_top_icon img{ display: block; height:24px; width:24px; } .iconbox_top_content{ overflow: hidden; font-size: 12px; line-height: 20px; } .iconbox_top .iconbox_content .iconbox_content_title { border: medium none; padding: 0; position: relative; margin:0 0 2px 0; font-size: 13px; } .iconbox_top ul, .iconbox_top ol{ list-style-image: none; margin-left:0; } .iconbox_top li{ margin-left:0; } .iconbox_top_content img{ width:100%;} /*horizontal rulers*/ .hr{ clear: both; display:block; overflow: hidden; width:100%; height:25px; line-height:25px; position: relative; margin:30px 0; } .hr_small, .hr.small, .hr.supersmall{ margin:10px 0; } .hr_content{ position: relative; z-index: 1; float:left; font-size: 10px; padding:2px 4px; line-height: 18px; } .hr a{ font-size: 10px; padding: 0 4px 0 0; text-decoration: none; } .hr_invisible{ clear: both; display:block; width:100%; border:none; background: none; height:30px; line-height:30px; padding:0; margin:0; } .hr_inner{ border-top-style: solid; border-top-width: 1px; width:100%; position: absolute; height:1px; left:0; top:50%; margin-top:-1px; } .hr_invisible .hr_inner{ display:none; } .custom_hr_text{ background: #fff; color:#aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; font-size: 10px; padding:0px 8px 0 0; margin: 0 auto; float:left; } .custom_hr_text a{ color:#fff; background: transparent; } .custom_hr_text a:hover{ color:#aaa; text-decoration: underline; } /*content slider, tabs, toggles*/ .arrow_container{ } .content_slider{ position: relative; overflow: hidden; } .inner_slide_container{ position: absolute; float: left; } .contentSlideControlls{ position: relative; padding-top:12px; } .contentSlideControlls a { float: left; height: 24px; width: 24px; display: block; outline: none; line-height: 24px; text-align: center; font-size: 10px; margin-right: 1px; text-decoration: none; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } /*slidecontrolls positioning depending on first element*/ #top .pos_h1{ position: absolute; right:0; top:0; } #top .pos_h2{ position: absolute; right:0; top:71px; } #top .pos_h3{ position: absolute; right:0; top:24px; } #top .pos_h4{ position: absolute; right:0; top:51px; } #top .pos_h5{ position: absolute; right:0; top:50px; } #top .pos_h6{ position: absolute; right:0; top:49px; } .fullwidth_no_image{ height:2px; width:100%; } .fallback_div{ width:100%; height:100px; } .single_slide{ overflow: hidden; } /*toggle*/ .js_active .toggle_wrap{ display:none; } #top .active_toggle_wrap{ display:block; } .js_active .toggler { cursor: pointer; display: block; margin: -1px 0; padding: 3px 3px 5px 30px; position: relative; top: 1px; border-style:solid; border-width:1px; } .togglecontainer{ padding:10px 0; } .toggle_content{ padding:10px 10px 0 30px; margin:0 0 5px 0; } .toggle_icon{ position: absolute; width:15px; height:15px; border-style:solid; border-width:1px; top:6px; left:6px; } .toggle_icon .vert_icon{ border-left-style:solid; border-left-width:1px; position: absolute; left:7px; top:2px; height:11px; } .toggle_icon .hor_icon{ border-top-style:solid; border-top-width:1px; position: absolute; top:7px; left:2px; width:11px; } .activeTitle .toggle_icon .vert_icon{ border:none; } /*tabs*/ .tabcontainer{ padding: 10px 0; position: relative; width:100%; } .widget .tabcontainer{ padding-top:0px; } .js_active .tab_content{ display: none; clear: both; padding: 15px; overflow:auto; position: relative; } .js_active .tab{ cursor:pointer; margin:0 2px 0 0; padding:5px 10px 5px; display: block; float: left; border-bottom: none; z-index: 2; position: relative; top:1px; font-size: 11px; } .js_active #top .active_tab{ z-index: 4; position: relative; border-bottom: none; } .js_active #top .active_tab_content{ display: block; z-index: 3; position: relative; overflow:auto; } /*dropcaps*/ .dropcap1 { display: block; float: left; font-size: 38px; line-height: 32px; margin: 4px 8px 0 0; } .dropcap2, .dropcap3{ display:block; float:left; font-size:18px; line-height:35px; width:35px; text-align: center; margin:4px 8px 0 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font-weight: bold; } .dropcap3{ background-color: #000; color:#fff; } /*shortcode generated table*/ /*backend live edit:*/ #TB_window .avia_table td, #TB_window .avia_table th, #TB_window .avia_table .th{ line-height:24px; } #TB_window .avia_table{ clear:none; margin:0; } /*frontend*/ .avia_table{ width:100%; position: relative; clear: both; margin:30px 0; } .avia_table table { width: 100%; padding: 0; margin: 0; font-size: 11px; border:none; border-collapse: collapse; border-spacing: 0; border-top-style: solid; border-top-width: 1px; table-layout: fixed; } .avia_table table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; } #top .avia_table th, #top .avia_table .th { font-weight:bold; letter-spacing: 1.5px; line-height: 1.5em; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; color:#fff; background: #333; } .avia_table td { font-size: 12px; padding: 6px ; border-style: solid; border-width: 1px; border-left:none; border-top:none; text-align: center; color:#666; background-color: #fff; vertical-align: middle; line-height: 1.4em; } .avia_table tr th:first-child, .avia_table tr td:first-child{ border-left-style: solid; border-left-width: 1px; } #top .avia_table .nobg { background: none; border: none; } .avia_table tr:nth-child(odd) td, .avia_table tr:nth-child(odd) th, .avia_table tr:nth-child(odd) .th { background-color: #F8F8F8; } .avia_table table .highlighted{ -webkit-transform: translateY(-1px) scale(1.05); -moz-transform: translateY(-1px) scale(1.05); -o-transform: translateY(-1px) scale(1.05); -ms-transform: translateY(-1px) scale(1.05); transform: translateY(-1px) scale(1.05); -moz-box-shadow: 0px 9px 15px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 9px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 9px 15px 0px rgba(0,0,0,0.2); } #top .avia_table table tr td.description_column, #top .avia_table table.description_row tr td.description_column{ background: transparent; border-left:none; border-bottom-style: dotted; border-bottom-width: 1px; font-style: italic; font-size: 11px; border-color:#e1e1e1; color:#999; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #top .avia_table table.description_row{ border-top:none; } .avia_table tr.description_row td{ border-top-style: solid; border-top-width: 1px; } #top .avia_table tr.description_row td.description_column{ border-top:none; } #top .avia_table tr.pricing-row td{ font-size: 50px; line-height: 1.2em; padding:15px; height:auto; border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.2); } #top .avia_table .description_row tr.pricing-row td{ -moz-box-shadow: 0 -18px 33px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 -18px 33px 0px rgba(0,0,0,0.2); box-shadow: 0 -18px 33px 0px rgba(0,0,0,0.2); } #top .avia_table tr.pricing-row td small{ font-size: 14px; line-height: 11px; display:block; } #top .avia_table tr.pricing-row td.description_column, #top .avia_table table.description_row tr.pricing-row td.description_column{ border-top:none; font-size:18px; } .avia_table tr.description_row td, .avia_table tr.pricing-row td{ color:#fff; background: #ac2723; } .avia-table-icon { text-align: center; font-family: Arial, Verdana; font-size: 1.5em; padding:0px 2px; } .avia_editor_button, .avia-table-icon{ background-position: center center; background-repeat: no-repeat; } .avia-table-icon-tick , .avia_table_tick{ } .avia-table-icon-plus , .avia_table_plus{ } .avia-table-icon-minus, .avia_table_minus{ } .avia_table_button{background-image: url(../images/layout/table-icon-button.png); } #top .avia_table table, #top .avia_table th, #top .avia_table td{ border:none; border-color:#e1e1e1; } html #top .avia_table table tr.button-row td.description_column{ border:none; } .avia_table .avia-button{ -webkit-backface-visibility: hidden; text-shadow: -1px 1px 1px rgba(0,0,0,0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 3px 10%; } .msie7 #top .avia_table table td, .msie8 #top .avia_table table td{ border-bottom-style: dotted; border-bottom-width: 1px; } .msie7 #top .avia_table table .pricing-row td, .msie8 #top .avia_table table .pricing-row td, .msie7 #top .avia_table table .description_row td, .msie8 #top .avia_table table .description_row td{ border-bottom-style:solid; } .msie7 #top .avia_table table .button-row td, .msie8 #top .avia_table table .button-row td { border:none; } /*BIG BOX - content box with a single big line of text, preferably to display numbers*/ .avia-big-box{ text-align: center; position: relative; margin: 0 auto 40px auto; } .avia-big-box .avia-innerbox{ font-size:100px; line-height: 1em; letter-spacing: -3px; } .avia-big-box-bellow{ line-height: 1.3em; font-weight: bold; margin-top:5px; font-size:12px; } .avia-big-box-beside { font-size: 22px; vertical-align: top; line-height: 3em; } /*sidebar tabs: sidebar content with tabs*/ .sidebar_tabcontainer{} .sidebar_tab_content{ overflow:hidden; border-width:1px; border-style:solid; position: relative; left:-1px; padding:30px; margin-bottom:30px; z-index: 1; } .sidebar_tab_content p:last-child{ margin:0; } .js_active .sidebar_tab_content{display:none;} #top .sidebar_active_tab_content{display:block;} .sidebar_tab_wrap{ width:30%; min-width:170px; max-width:250px; float:left; display: block; position: relative; margin-bottom:30px; z-index: 5; } .sidebar_tab{ cursor: pointer; clear:both; display: none; position: relative; z-index: 2; } .sidebar_tab_wrap .sidebar_tab{ display: table; width:100%; position: relative; border-top-width:1px; border-top-style:solid; } #top .sidebar_active_tab, .sidebar_tab:hover{ z-index: 5; } #top .sidebar_active_tab .sidebar_tab_inner, .sidebar_tab:hover .sidebar_tab_inner{ border-right:none; z-index: 5; } .sidebar_tab_inner{ display: table-cell; width: 100%; vertical-align: middle; position: relative; border-right-width:1px; border-right-style:solid; padding:7px 11px 7px 0; } .sidebar_tab_wrap .sidebar_tab:last-child{ border-bottom-width:1px; border-bottom-style:solid; } .sidebar_tab_title{ font-weight: bold; } .sidebar_tab_icon{ background: #000; float:left; padding: 0; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; padding:3px; margin:7px 10px 7px 1px; display:block; height:24px; width:24px; } .sidebar_tab_icon img{ display: block; height:24px; width:24px; } #top .sidebar_active_tab .sidebar_tab_shadow, .sidebar_tab:hover .sidebar_tab_shadow{ display:none; } .sidebar_tab_shadow{ position: absolute; height:100%; width:60%; right:1px; z-index: 2; top:0; overflow: hidden; } .sidebar_tab_shadow:after { content: ""; position: absolute; height:90%; width:1px; right:-14px; z-index: 2; top:5%; overflow: hidden; -moz-box-shadow: 0 0 38px 1px #000000; -webkit-box-shadow: 0 0 38px 1px #000000; box-shadow: 0 0 38px 1px #000000; } .boxed_container_false .sidebar_tab_content{ border-right:none; border-top:none; border-bottom:none; padding:0px 0 0 30px; } .boxed_container_false .sidebar_tab_content{ } /* .boxed_container_false .sidebar_tab_wrap .sidebar_tab:last-child{ border-bottom:none;} */ .boxed_container_false .sidebar_tab_wrap .sidebar_tab.tab_counter_0{ border-top:none;} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .responsive .sidebar_tabcontainer{padding-top:1px;} .responsive .sidebar_tab_wrap{display:none;} .responsive .sidebar_tab_content{left:0; clear:both; min-height:0 !important; margin:0; border-width:1px; border-style:solid; border-top:none; padding:30px;} .responsive .sidebar_tab{display:table; border-style: solid; border-width: 1px; margin-top:-1px;} .responsive .sidebar_tab_inner{border:none;} .responsive .sidebar_tab_icon{margin-left:7px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .avia-big-box .avia-innerbox { font-size: 75px;} } /*dev*/ #top .slide_controls a{ display:block; } /*default size*/ .slideshow{ height:400px; } .stretched .slideshow{ height:377px; } #top .template-blog .slideshow, #top .template-page .slideshow{ height:214px; } #top .one_fourth .slideshow, #top .three_fourth .slideshow, #top div .two_fourth .slideshow{ height:172px; } #top .one_third .slideshow, #top .two_third .slideshow{ height:139px; } #top .one_half .slideshow{ height:375px; } #top .sidebar_right .slideshow, #top .sidebar_left.slideshow{ height:246px; } .boxed #slideshow_big .slideshow{overflow:hidden; height:315px;} /*big slider*/ .boxed #slideshow_big{overflow:hidden;} #top #slideshow_big .image_overlay_effect{ background: none; } #top #slideshow_big .preloading{background: none;} #top #slideshow_big .slideshow_container{ margin-bottom:0; } #top .slideshow_container .slideshow li{ -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } #top #slideshow_big .container, #top #slideshow_big .slideshow_container{ background: transparent; overflow: visible; width:100%; } .filtered-image{ -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; -ms-transition-property:opacity; transition-property:opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; } .filtered-image:hover{ opacity: 0; } .msie7 .filtered-image, .msie8 .filtered-image{ filter: alpha(opacity = 0); } #top #wrap_all .filtered-image{ position: absolute; top:0; z-index: 5; } /*default styling*/ #top .slideshow_container{ position: relative; margin-bottom:30px; clear: both; } #top .slideshow_container ul{ margin:0 auto; } #top .slideshow{ list-style-type: none; position: relative; width: 100%; list-style-position: outside; padding: 0; overflow: hidden; z-index: 2; color: #fff; } #top .slideshow li{ width:100%; height:100%; position: absolute; display:none; left:0; top:0; margin:0; padding:0; } #top .slideshow li:first-child{ display:block; position: relative; } .js_active #top .slideshow li:first-child{ visibility:hidden; } #top .slideshow li img{ width: 100%; height:auto; position: relative; z-index: 3; border:none; margin:0; padding:0; display:block; } .slideshow_container li>a, .slideshow_container li .slideshow_media_wrap>a{ position: relative; display: block; } #top .slideshow li iframe, #top .slideshow li object, #top .slideshow li embed{ height:100%; width:100%; position: absolute; top:0; left:0; z-index: 2; display:none; } #top .slideshow .videoslide{ background: #000; } .slideshow_media_wrap{ width:100%; height:100%; overflow: hidden; position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } #top div .small_image img, #top div .small_image iframe{ border:10px solid #fff; border-radius:3px; left:-10px; top:-10px; } #top #wrap_all .slideshow .small_image iframe{ height:80%; padding:0; top:10%; } .small_image .slideshow_media_wrap{ width:40%; overflow: visible; } .small_image_right .slideshow_media_wrap{ float:right; } #top .with_border .slideshow_media_wrap{ padding:40px 0; } #top .with_border.small_image_right .slideshow_media_wrap{ right:40px; } #top .with_border.small_image_left .slideshow_media_wrap{ left:40px; } #top div .slideshow .small_image{ background: transparent; } #top .slideshow .small_image iframe, #top .slideshow .small_image object, #top .slideshow .small_image embed { padding:20px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } /*caption*/ .caption_link{ cursor:pointer; } #slideshow_big .slideshow_caption{ width:50%; } div .slideshow .slideshow_caption{ z-index: 100; width:30.5%; position: absolute; bottom: 10%; top:auto; display:block; text-decoration: none; color: inherit; left:40px; } div .slideshow_caption h1, div .slideshow_caption h2, div .slideshow_caption h3, div .slideshow_caption h4, div .slideshow_caption h5, div .slideshow_caption h5, div .slideshow_caption a, #top a.slideshow_caption{ text-transform: none; font-weight: normal; letter-spacing: normal; color: inherit; } .slideshow_inner_caption{ position: relative; display: table; height:100%; width:100%; } .slideshow_align_caption{ display:table-cell; vertical-align: middle; position: relative; padding:40px; } .slideshow_inner_caption h1{ font-size: 30px; margin-bottom:8px; } .one_fourth .slideshow_caption{ display:none; } .videoslide:hover .slideshow_caption{ display:none; } .videoslide.small_image:hover .slideshow_caption{ display:block; } #top .slideshow_caption .button_wrap{ overflow: hidden; padding-top:10px; position: relative; } #top .caption-slideshow-button{ width:42%; padding: 0 3%; text-align: center; } #top #wrap_all .button_wrap_1 .caption-slideshow-button{ width:94%; margin: 0; } #top .caption-slideshow-button:hover{ opacity: 1; } #top .caption-slideshow-button.slideshow_button2_class{ margin-left:2%; } /*static display*/ .slide_container_static img, .slide_container_static iframe{ display:block; padding-top:7px; width:100%; } .slide_container_static li:first-child img, .slide_container_static li:first-child iframe{ padding:0; } /*small slideshows in flex columns*/ /*caption position*/ .caption_left .slideshow_caption {left:0; } #top .caption_right .slideshow_caption{ right:0; left:auto;} #top .caption_right_framed .slideshow_caption{ right:40px; left:auto;} .caption_bottom .slideshow_caption {left:0; width:100%; bottom:0; height:auto;} #top div .caption_center .slideshow_caption { left:0; bottom:0; height:100%; 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; display: block; } /*caption frame*/ .caption_framed .slideshow_caption .slideshow_inner_caption{ background: rgba(0,0,0,0.5); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .msie7 .caption_framed .slideshow_caption .slideshow_inner_caption, .msie8 .caption_framed .slideshow_caption .slideshow_inner_caption{ background: #000; filter: alpha(opacity = 70); } /*caption supersize*/ #top .caption_supersize .slideshow_caption { width:50%; } #top .caption_supersize .slideshow_caption h1{ 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; } #top .caption_supersize .caption-slideshow-button{ padding: 1% 3%; max-width:150px; } .button_wrap{ position: relative; } #top .caption_animate h1, #top .caption_animate .featured_caption, #top .caption_animate .button_wrap{opacity: 0; filter: alpha(opacity = 0);} #top .caption_animate_side .slideshow_caption h1{left: -1300px;} #top .caption_animate_side .slideshow_caption .featured_caption{left: 1300px;} #top .caption_animate_side .slideshow_caption .button_wrap{left: -1900px;} #top .caption_animate_top .slideshow_caption h1{top: -40px;} #top .caption_animate_top .slideshow_caption .featured_caption{top: 40px;} #top .caption_animate_top .slideshow_caption .button_wrap{top: 80px;} /*moveable caption*/ .slideshow_inner_caption h1, .slideshow_inner_caption div{ position: relative; } /*smaller captions*/ .portfolio-sort-container .flex_column .slideshow_caption{width:100%; height:auto;} /*controlls*/ .slide_controls{ display:block; position: relative; z-index: 20; } .numeric_controls, .arrow_controls{ position: absolute; bottom:10px; } #top div .arrow_controls a{ background-color:#333; } div .numeric_controls{ left:10px; display:none;} div .arrow_controls{ right:10px; } #top .dynamic_template_columns .arrow_controls{display:none;} .ctrl_previous, .ctrl_next, .ctrl_pause_play{ float:left; height:20px; text-indent: 200%; outline: none; width:20px; z-index: 200; display:none; background: url("../images/layout/arrow_set.png") no-repeat -35px center #000; margin-left:2px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; overflow:hidden; } .ctrl_previous{ background: url("../images/layout/arrow_set.png") no-repeat -5px center #000; } .ctrl_pause_play{ display: none !important; background: url("../images/layout/arrow_set.png") no-repeat -65px center #000; } .ctrl_active_rotation.ctrl_pause_play{ background: url("../images/layout/arrow_set.png") no-repeat -90px center transparent; } .numeric_controls a{ text-indent: 200%; overflow:hidden; outline: none; height:8px; width:8px; margin-left:2px; display:none; float:left; background-color: #e1e1e1; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; } #top #wrap_all .numeric_controls .active_item{ border:none; padding:1px; } #top #slideshow_big .arrow_controls{ position: static; } #top #slideshow_big .arrow_controls a{ height:75px; width:75px; float:left; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; top:50%; bottom:auto; margin:-37px 0 0 0; z-index: 100; position: absolute; background: url("../images/layout/arrow.png") no-repeat 3px center #fff; display:none; left:-110px; } #top #slideshow_big .arrow_controls .ctrl_next{ right:-110px; left:auto; background: url("../images/layout/arrow.png") no-repeat -129px center #fff; } #top .slideshow_container .arrow_controls .css_3_hover_container:hover{ background-color: transparent !important; } /*thumbnails*/ .thumbnails_container_wrap{ border-bottom-style: solid; border-bottom-width: 1px; } .thumbnails_container{ overflow: hidden; padding:30px 50px; position: relative; } .thumbnails_container .slideThumb{ float:left; margin:0 7px 4px 0; cursor:pointer; opacity: 0.5; filter: alpha(opacity = 50); } .thumbnails_container .activeslideThumb{ opacity:1; filter: alpha(opacity = 100); } .img_span{ border-style:solid; border-width: 1px; padding:2px; display: block; position: relative; } .img_span, .img_span img{ height:50px; width:70px; } .img_span .filtered-image{ position: absolute; top:2px; left:2px; z-index: 5; } #top .activeslideThumb .filtered-image{ display:none; } .thumbnails_container .slideThumb img{ display:block; } /* .slide_container_big_thumbs .slide_controls, .slideshow_mobile .slide_controls{ display:none !important; } */ #top div .slideshow_container .numeric_controls { position: absolute; overflow: hidden; left: 0; bottom: -27px; width: 100%; text-align: center; } #top div .slideshow_container .numeric_controls a{ display: inline-block; float:none; border-width: 1px; border-style: solid; } #top .post-entry-type-portfolio .slideshow_container .numeric_controls, #top .post-entry-type-gallery .slideshow_container .numeric_controls , #top .inner_slide .slideshow_container .numeric_controls { display: block; } /*thumbslider*/ .thumbnails_container, .avc_inner_slide_wrap, .avc_inner_slide{ -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } .avc_inner_slide_wrap, .thumbnails_container{ overflow: hidden; height:56px; } .avc_inner_slide{ width:2000px; } .hide_controls .avc_controls{ display:none; } .avc_inner_slide .slideThumb{ margin-bottom:0; } #top .avc_inner_slide .slideThumb.last_thumb{ margin-right:0; } .avc_controls{ height:40px; width:40px; top:50%; margin-top:-20px; left:12px; overflow: hidden; text-indent: 200%; position: absolute; z-index: 10; background-image: url("../images/layout/arrow.png"); background-repeat: no-repeat; background-position: -31px center; opacity: 0.7; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .avc_controls_next{ right:12px; left:auto; background-position: -130px center; } .avc_controls:hover{ opacity: 1; } .slideThumbTitle{ display:none; } .empty_image .img_span{ background-image: url("../images/layout/overlay-video.png"); background-repeat: no-repeat; background-position: center center; } /*adaptavia*/ /* .avBlock, .av_innerBlock{ background: #000000; background: rgba(0,0,0,0.1); } /*never delete, blocks need bg color for css3 rtansitions to work*/ .avBlock, .av_innerBlock{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGHRFWHRDcmVhdGlvbiBUaW1lADIxLjA1LjIwMTIMQPIEAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAAxJREFUCJlj+P//PwAF/gL+WPJrDgAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: -20px -20px; } .av_innerBlock img{ height:auto; width:100%; } /*styleborders*/ .style_border{ position: absolute; width:100%; height:12px; top:0px; left:0; background: #000; background: rgba(0,0,0,0.1); filter: alpha(opacity = 10); z-index: 6; } div .syle_border_bottom{ top:auto; bottom:0; height:5px; } .slide_container_big_thumbs .syle_border_bottom{ bottom: 118px; } /*preloader*/ .preloading{ background-image: url("../images/layout/loading.gif"); background-repeat: no-repeat; background-position: center center; } .avia_loading_icon{ background: #000 url("../images/layout/preload-dark-big.gif") no-repeat center center; height:60px; width:60px; position: fixed; top:50%; left:50%; margin-top:-30px; margin-left:-30px; display:none; z-index: 10000; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /*video*/ #top .slideshow li .avia_video{ height:100% !important; width:100% !important; position: absolute; } .comboslide .slideshow_overlay{ background-image: url("../images/layout/overlay-video-big.png"); background-repeat: no-repeat; background-position: center center; cursor: pointer; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 10; opacity: 0.7; filter: alpha(opacity = 70); } /*ie7*/ .msie7 .slideshow_align_caption{ top:30%; }