Current Path : /home/theafprt/conviviality360.com/wp-content/plugins/salient-shortcodes/css/ |
Current File : /home/theafprt/conviviality360.com/wp-content/plugins/salient-shortcodes/css/style.css |
/*------------------------------------------------------------------------- 1. Grid System 2. Dropcap Element 3. Milestone Element 4. Pricing Table Element 5. Button Element 6. Team member Element 7. Clients Element 8. Toggle Element 9. Tabbed section Element 10. Blog recent Element -------------------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { margin: 0 auto; position: relative; max-width: 880px; } .span_12.col.light { color: #fff; } .span_12.col { z-index: 10; position: relative; } .row { position: relative; } .row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .row, div.clear { padding-bottom: 24px; } .col { position: relative; display: block; float: left; width: 100%; } @media (min-width: 690px) { .col { margin-right: 2%; } .wpb_column { margin-right: 0px; } } .col.col_last { margin-right: 0; } .col:last-child { margin-right: 0; } @media (min-width: 690px) { .span_1 { width: 6.5%; } .span_2 { width: 15.0%; } .span_3 { width: 23.5%; } .span_4 { width: 32.0%; } .span_5 { width: 40.5%; } .span_6 { width: 49.0%; } .span_7 { width: 57.5%; } .span_8 { width: 66.0%; } .span_9 { width: 74.5%; } .span_10 { width: 83.0%; } .span_11 { width: 91.5%; } .span_12 { width: 100%; } /* full width content/no margin columns */ .full-width-content.vc_row-fluid .vc_span1, .full-width-content.vc_row-fluid .vc_col-sm-1, .vc_row-fluid[data-column-margin="none"] .vc_span1, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-1 { width: 8.33%; } .full-width-content.vc_row-fluid .vc_span2, .full-width-content.vc_row-fluid .vc_col-sm-2, .vc_row-fluid[data-column-margin="none"] .vc_span2, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-2 { width: 16.66%; } .full-width-content.vc_row-fluid .vc_span3, .full-width-content.vc_row-fluid .vc_col-sm-3, .vc_row-fluid[data-column-margin="none"] .vc_span3, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-3 { width: 25%; } .full-width-content.vc_row-fluid .vc_span4, .full-width-content.vc_row-fluid .vc_col-sm-4, .vc_row-fluid[data-column-margin="none"] .vc_span4, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-4 { width: 33.33%; } .full-width-content.vc_row-fluid .vc_span5, .full-width-content.vc_row-fluid .vc_col-sm-5, .vc_row-fluid[data-column-margin="none"] .vc_span5, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-5 { width: 41.5%; } .full-width-content.vc_row-fluid .vc_span6, .full-width-content.vc_row-fluid .vc_col-sm-6, .vc_row-fluid[data-column-margin="none"] .vc_span6, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-6 { width: 50%; } .full-width-content.vc_row-fluid .vc_span7, .full-width-content.vc_row-fluid .vc_col-sm-7, .vc_row-fluid[data-column-margin="none"] .vc_span7, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-7 { width: 58.3%; } .full-width-content.vc_row-fluid .vc_span8, .full-width-content.vc_row-fluid .vc_col-sm-8, .vc_row-fluid[data-column-margin="none"] .vc_span8, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-8 { width: 66.66%; } .full-width-content.vc_row-fluid .vc_span9, .full-width-content.vc_row-fluid .vc_col-sm-9, .vc_row-fluid[data-column-margin="none"] .vc_span9, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-9 { width: 75%; } .full-width-content.vc_row-fluid .vc_span10, .full-width-content.vc_row-fluid .vc_col-sm-10, .vc_row-fluid[data-column-margin="none"] .vc_span10, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-10 { width: 83.0%; } .full-width-content.vc_row-fluid .vc_span11, .full-width-content.vc_row-fluid .vc_col-sm-11, .vc_row-fluid[data-column-margin="none"] .vc_span11, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-11 { width: 91.5%; } .full-width-content.vc_row-fluid .vc_span12, .full-width-content.vc_row-fluid .vc_col-sm-12, .vc_row-fluid[data-column-margin="none"] .vc_span12, .vc_row-fluid[data-column-margin="none"] .vc_col-sm-12 { width: 100%; } .full-width-content.vc_row-fluid .wpb_column, .vc_row-fluid[data-column-margin="none"] .wpb_column { margin-left: 0!important; } .full-width-content.vc_row-fluid .wpb_column .wpb_row, .full-width-content.vc_row-fluid .wpb_column .wpb_wrapper { margin: 0; } } .vc_row-fluid[data-column-margin="none"] { margin-bottom: 0; } /* testimonial slider */ .col.testimonial_slider { float: none; } .testimonial_slider { float: none; opacity: 0; margin-bottom: 21px; } html:not(.js) .testimonial_slider { opacity: 1; height: auto; } .testimonial_slider:not([data-style*="multiple_visible"]) blockquote { padding-left: 0px; text-align: center; color: rgba(0,0,0,1); background-image: none; font-size: 22px; width: 100%; margin: 0 auto; opacity: 0; position: absolute; } .testimonial_slider blockquote p { padding-bottom: 30px; } .testimonial_slider .controls ul { margin: 0px; display: block; text-align: center; width: 100%; } .testimonial_slider .controls ul li { list-style: none; cursor: pointer; display: inline; } .testimonial_slider .controls ul li span.pagination-switch { background-color: rgba(0,0,0,0); border: 1px solid #333; border-radius: 10px 10px 10px 10px; cursor: pointer; display: inline-block; height: 10px; margin: 0 4px; transition: background-color 0.2s linear 0s,border-color 0.2s linear 0s; width: 10px; } .testimonial_slider .controls ul li span.pagination-switch:hover, .testimonial_slider .controls ul li span.pagination-switch.active { background-color: #333; } .testimonial_slider .controls { position: absolute; bottom: -22px; z-index: 30; width: 100%; text-align: center; } .testimonial_slider .slides { overflow: hidden; position: relative; } body .testimonial_slider blockquote span, .nectar_single_testimonial span { font-size: 16px; display: block; line-height: 22px; } body .testimonial_slider blockquote span.open-quote, body .testimonial_slider blockquote span.close-quote { display: inline; } .span_12.light .nectar_single_testimonial span { color: #fff; } .span_12.light .nectar_single_testimonial span.title { color: rgba(255,255,255,0.6); } .nectar_single_testimonial { padding-left: 0; } .nectar_single_testimonial[data-style="small_modern"] p span { font-size: 80px; line-height: 80px; margin-bottom: -20px; } .nectar_single_testimonial[data-style="bold"] p span { font-size: 110px; line-height: 110px; margin-bottom: -30px; } .wpb_wrapper > .nectar_single_testimonial:last-child { margin-bottom: 0; } .nectar_single_testimonial[data-style="bold"] p { padding-bottom: 35px; } .testimonial_slider blockquote span.title, .nectar_single_testimonial span.title { color: rgba(0,0,0,.5); } .testimonial_slider:not([data-style="minimal"]) blockquote span.title { font-size: 12px; } .testimonial_slider[data-style="minimal"] blockquote span.title { font-size: 12px; font-style: italic; } .testimonial_slider[data-style="minimal"] blockquote span:not(.title) { -webkit-transform: scale(0.8); transform: scale(0.8); margin-bottom: -4px; } .testimonial_slider[data-style*="multiple_visible"] blockquote span.title, .nectar_single_testimonial span.title { font-size: 14px; } .light .testimonial_slider blockquote { color: rgba(255,255,255,0.95); } .light .testimonial_slider blockquote span.title, .testimonial_slider[data-style="multiple_visible"][data-color*="-light"] blockquote span.title { color: rgba(255,255,255,0.45); } .testimonial_slider .controls ul li i { color: #444; } .light .testimonial_slider .controls ul li span { border-color: #fff; } .light .testimonial_slider .controls ul li span:hover, .light .testimonial_slider .controls ul li span.pagination-switch.active { background-color: #fff; } .testimonial_slider .image-icon, .nectar_single_testimonial .image-icon { font-family: Georgia,serif; font-size: 50px; text-align: center; display: inline-block; border-radius: 100px; width: 50px; height: 50px; margin-bottom: 33px; line-height: 70px; background-size: cover; background-position: center; border: 2px solid rgba(0,0,0,0.13); } .nectar_single_testimonial .image-icon { border: none; background-position: center; } .nectar_single_testimonial[data-style="basic_left_image"] { padding-left: 90px; } .nectar_single_testimonial[data-style="basic_left_image"] .image-icon { position: absolute; left: 0; top: 5px; } .light .testimonial_slider .image-icon { border-color: rgba(255,255,255,0.4); } .testimonial_slider .image-icon.has-bg { width: 50px; height: 50px; border: none; text-indent: -9999px; } .testimonial_slider blockquote p .bottom-arrow { display: none; } .testimonial_slider[data-style="multiple_visible_minimal"] .image-icon, .nectar_single_testimonial .image-icon { width: 54px; height: 54px; display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 20px; } .testimonial_slider[data-style="multiple_visible_minimal"] .wrap, .nectar_single_testimonial .wrap { display: inline-block; vertical-align: middle; } .testimonial_slider .star-rating-wrap { display: block; -ms-transform: none; -webkit-transform: none; transform: none; line-height: 0; } .testimonial_slider .star-rating { display: inline-block; margin-top: 20px; -ms-transform: none; -webkit-transform: none; transform: none; position: relative; font-size: 16px; } .testimonial_slider:not([data-style="minimal"]) blockquote span.star-rating { font-size: 16px; } .testimonial_slider .star-rating:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005"; color: #ddd; float: left; top: 0; left: 0; } .testimonial_slider .star-rating .filled { position: absolute; display: block; font-size: 16px; left: 0; -ms-transform: none; -webkit-transform: none; transform: none; width: 100%; overflow: hidden; z-index: 100; } .testimonial_slider .star-rating .filled:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005"; color: #000; float: left; } .toggles .testimonial_slider, .full-width-content .testimonial_slider { padding-bottom: 20px; } .toggles .testimonial_slider .controls, .full-width-content .testimonial_slider .controls { bottom: 2px; } .testimonial_slider[data-style="minimal"] .slides { max-width: 70%; margin: 0 auto; } .testimonial_slider[data-style="minimal"] blockquote { padding: 0 25px; -ms-transition: transform 0.5s,opacity 0.5s; transition: transform 0.5s,opacity 0.5s; -webkit-transition: transform 0.5s,opacity 0.5s; } .testimonial_slider[data-style="default"] blockquote { -ms-transition: transform 0.5s,opacity 0.5s; transition: transform 0.5s,opacity 0.5s; -webkit-transition: transform 0.5s,opacity 0.5s; } .testimonial_slider[data-style="minimal"] blockquote.no-trans, .testimonial_slider[data-style="default"] blockquote.no-trans { -ms-transition: none; transition: none; -webkit-transition: none; } .testimonial_slider[data-style="minimal"] .control-wrap { width: 20px; line-height: 20px; overflow: hidden; display: inline-block; vertical-align: top; } .testimonial_slider[data-style="minimal"] .controls .out-of, .testimonial_slider[data-style="minimal"] .controls .total { display: inline-block; font-size: 16px; line-height: 20px; color: #000; vertical-align: top; } .testimonial_slider[data-style="minimal"] .control-wrap { font-size: 16px; } .testimonial_slider[data-style="minimal"] .controls .out-of, .testimonial_slider[data-style="minimal"] .controls .total { width: 20px; text-align: center; } .testimonial_slider[data-style="minimal"] .controls .out-of { width: 13px; top: -1px; position: relative; } .testimonial_slider[data-style="minimal"] .control-wrap ul { width: auto; -ms-transition: transform 0.33s; -webkit-transition: transform 0.33s; transition: transform 0.33s; } .testimonial_slider[data-style="minimal"] .control-wrap ul li { color: #000; display: block; float: left; width: 20px; font-size: 16px; line-height: 20px; cursor: auto; } .testimonial_slider[data-style="minimal"] .controls { vertical-align: top; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev { position: absolute; top: 50%; height: 40px; width: 40px; font-size: 28px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -40px; left: 7.5%; margin-left: -8px; text-align: center; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next { position: absolute; top: 50%; height: 40px; margin-top: -40px; font-size: 28px; width: 40px; margin-right: -8px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 7.5%; text-align: center; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before { display: block; position: absolute; left: 0; top: 0; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:after, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:after { backface-visibility: hidden; display: block; content: ' '; z-index: 100; position: absolute; width: 22px; height: 2px; background-color: #000; top: 48%; opacity: 0; right: 11px; cursor: pointer; -ms-transform: translateY(-50%) scaleX(0) translateZ(0); transform: translateY(-50%) scaleX(0) translateZ(0); -webkit-transform: translateY(-50%) scaleX(0) translateZ(0); transition: opacity .5s cubic-bezier(.2,1,.2,1),transform .5s cubic-bezier(.2,1,.2,1); -webkit-transition: opacity .5s cubic-bezier(.2,1,.2,1),-webkit-transform .5s cubic-bezier(.2,1,.2,1); } .span_12.light .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:after, .span_12.light .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:after { background-color: #fff; } .span_12.light .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before, .span_12.light .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before, .span_12.light .testimonial_slider[data-style="minimal"] .controls .out-of, .span_12.light .testimonial_slider[data-style="minimal"] .controls .total, .span_12.light .testimonial_slider[data-style="minimal"] .controls .control-wrap ul li { color: #fff; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:after { right: 8px; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:hover:after, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:hover:after { opacity: 1; -ms-transform: translateY(-50%) scaleX(1) translateZ(0); transform: translateY(-50%) scaleX(1) translateZ(0); -webkit-transform: translateY(-50%) scaleX(1) translateZ(0); } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:hover:before { -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:hover:before { -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); } .testimonial_slider[data-style="minimal"] .testimonial-next-prev svg { position: absolute; left: -2px; top: -2px; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before { left: -1px; position: relative; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before { right: -1px; position: relative; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before { line-height: 36px; color: #000; -ms--webkit-transition: -webkit-transform .5s cubic-bezier(.2,1,.2,1); transition: transform .5s cubic-bezier(.2,1,.2,1); -webkit-transition: -webkit-transform .5s cubic-bezier(.2,1,.2,1); } .nectar_single_testimonial:before { display: none; } @media only screen and (max-width : 690px) { .testimonial_slider .flickity-page-dots { bottom: -25px; } .testimonial_slider[data-style="multiple_visible"] blockquote p:before { display: none; } .testimonial_slider[data-style="multiple_visible"] blockquote p { padding: 30px; } .testimonial_slider[data-style="multiple_visible"] blockquote { margin-bottom: 0; } .testimonial_slider[data-style="minimal"] .slides { max-width: none; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next { -ms-transform: none; -webkit-transform: none; transform: none; z-index: 500; top: auto; bottom: -11px; } .testimonial_slider[data-style="multiple_visible_minimal"] blockquote .inner { padding: 30px; } } @media only screen and (min-width: 990px) and (max-width: 1300px) { .full-width-content .vc_span4 .testimonial_slider blockquote, .full-width-content .vc_col-sm-4 .testimonial_slider blockquote { font-size: 16px; line-height: 33px; } } /* fws */ .full-width-section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; width: 100%; position: relative; } .full-width-section .row-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .full-width-section.parallax_section > .row-bg-wrap { overflow: hidden; width: 100.1%; height: 100.1%; position: absolute; z-index: 1; top: 0; left: 0; } .full-width-section > .row-bg-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } body .full-width-section, body .full-width-content { visibility: visible; } body .full-width-section > .nectar-video-wrap, body .full-width-content > .nectar-video-wrap { height: 100%; } body .full-width-section.parallax_section .row-bg.using-image { background-attachment: fixed; } /* dropcap */ .nectar-dropcap { font-size: 4em; display: block; float: left; padding: 5px 10px 0px 0; } .nectar-dropcap span { display: block; } /* milestone */ .nectar-milestone { text-align: center; } .span_12.right .nectar-milestone, .nectar-milestone[data-ms-align="right"] { text-align: right; } .nectar-milestone[data-ms-align="left"] { text-align: left; } .span_12.right .nectar-milestone[data-symbol-alignment="superscript"] { padding-right: 40px; } .nectar-milestone .number h1, .nectar-milestone .number h2, .nectar-milestone .number h3, .nectar-milestone .number h4, .nectar-milestone .number h5 { font-size: inherit; line-height: inherit; color: inherit; display: inline-block; } .nectar-milestone .number { font-size: 62px; line-height: 62px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 5px; position: relative; display: inline-block; } .nectar-milestone.motion_blur .number span:not(.in-sight) { transform: translateY(-100%); -wenkit-transform: translateY(-100%); opacity: 0; } .nectar-milestone.motion_blur .number span { display: inline-block; } .nectar-milestone .subject { letter-spacing: 0.5px; font-weight: 300; font-size: 16px; line-height: 25px; } .nectar-milestone .number .symbol-wrap { display: inline-block; } .nectar-milestone[data-symbol-alignment="superscript"] .number .symbol-wrap { transform: translateX(103%); -webkit-transform: translateX(103%); top: 0; right: 0; position: absolute; display: inline; font-size: 30px; line-height: 34px; } .nectar-milestone[data-symbol-alignment="superscript"][data-symbol-pos="before"] .number .symbol-wrap { transform: translateX(-103%); -webkit-transform: translateX(-103%); right: auto; left: 0; } .milestone-wrap { text-align: center; } /* pricing table */ .pricing-table { margin-top: 60px; margin-bottom: 30px; } .pricing-table:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .pricing-table >div:first-child .pricing-column-content, .pricing-table >div:first-child h3 { border-left: 1px solid #e4e4e4; } .pricing-column { float: left; overflow: hidden; text-align: center; padding: 0px; background-color: #fff; transition: box-shadow 0.2s linear; -webkit-transition: box-shadow 0.2s linear; } .pricing-column .pricing-column-content { border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 0px 0px 20px 0px; } .pricing-column.highlight { position: relative; z-index: 100; margin: -20px -1px 0px -1px; background-color: #FFF; box-shadow: 0px 0px 13px rgba(0,0,0,.09); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.09); } .pricing-table[data-style="default"] .pricing-column.highlight .nectar-button { margin: 10px 0px 20px 0px; } .pricing-column.highlight .pricing-column-content, .pricing-column.highlight h3 { border: none; } .pricing-column.highlight h3 .highlight-reason { display: block; font-family: 'Open Sans'; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(0,0,0,0.4); } .pricing-column.highlight .pricing-column-content { border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .pricing-column.highlight:hover { box-shadow: 0px 0px 13px rgba(0,0,0,.15); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.15); } .pricing-column ul li { color: #888; padding: 10px 25px; list-style: none; line-height: 18px; border-bottom: 1px solid #efefef; } .pricing-column ul li:first-child { border-top: 1px solid #efefef; } .pricing-column ul li:nth-child(2n+1) { background-color: #fbfbfb; } .pricing-table[data-style="default"] .pricing-column.highlight h3 { color: #fff; background-color: #27CFC3; padding: 15px 0px; margin-bottom: 0px; } .toggle .pricing-column h3 { font-size: 26px; } .pricing-column h3 { background-color: #fff; color: #27CFC3; margin-bottom: 0px; font-size: 26px; line-height: 28px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #e4e4e4; padding: 18px 0px 18px 0px; } .pricing-column h4 { margin-left: -22px; padding: 20px 30px 6px 30px; font-size: 54px; line-height: 42px; color: #333; margin-bottom: 0px; } .pricing-table[data-style="default"] .pricing-column h4 .dollar-sign { font-size: 22px; line-height: 22px; top: -14px; right: -6px; font-family: 'Open Sans'; font-weight: 300; position: relative; } .pricing-column .interval { display: block; color: #999; min-height: 38px; display: block; padding-bottom: 17px; } .pricing-column ul { margin-left: 0px; } .pricing-table.six-cols >div { width: 16.5%; } .pricing-table.five-cols >div { width: 20%; } .pricing-table.four-cols >div { width: 25%; } .pricing-table.three-cols >div { width: 33.2%; } .pricing-table.two-cols >div { width: 50%; } .pricing-table .col { padding: 0px 20px; } .col .pricing-table h3 { margin-bottom: 0px; } .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { box-shadow: 0px 15px 30px rgba(0,0,0,.06); -webkit-box-shadow: 0px 15px 30px rgba(0,0,0,.06); } .pricing-table[data-style="flat-alternative"] .pricing-column.highlight:hover { box-shadow: 0px 15px 30px rgba(0,0,0,.09); -webkit-box-shadow: 0px 15px 30px rgba(0,0,0,.09); } .pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 { background-color: transparent; } .pricing-table[data-style="flat-alternative"].two-cols { text-align: center; } .pricing-table[data-style="flat-alternative"].two-cols >div { width: 31%; display: inline-block; float: none; overflow: visible; } .pricing-table[data-style="flat-alternative"].three-cols >div { width: 31%; } .pricing-table[data-style="flat-alternative"].four-cols >div { width: 22%; } .pricing-table[data-style="flat-alternative"].five-cols >div { width: 18%; } .pricing-table[data-style="flat-alternative"].six-cols >div { width: 14%; } body .pricing-table[data-style="flat-alternative"] .pricing-column, body .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { margin-right: 3.5%; position: relative; text-align: left; } body .pricing-table[data-style="flat-alternative"] .pricing-column ul { padding: 20px 0; margin: 0 0 38px 0; } .pricing-table[data-style="flat-alternative"].four-cols .pricing-column, body .pricing-table[data-style="flat-alternative"].four-cols .pricing-column.highlight { margin-right: 3%; padding: 35px; } .pricing-table[data-style="flat-alternative"].four-cols .pricing-column.highlight h3 .highlight-reason { padding-left: 35px; } .pricing-table[data-style="flat-alternative"].five-cols .pricing-column, body .pricing-table[data-style="flat-alternative"].five-cols .pricing-column.highlight { margin-right: 2%; padding: 25px; } .pricing-table[data-style="flat-alternative"].five-cols .pricing-column.highlight h3 .highlight-reason { padding-left: 30px; } .pricing-table[data-style="flat-alternative"].six-cols .pricing-column { margin-right: 2%; padding: 23px; } .pricing-table[data-style="flat-alternative"].six-cols .pricing-column.highlight h3 .highlight-reason { padding-left: 23px; } .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { overflow: visible; } .pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 .highlight-reason { position: absolute; top: -31px; left: 0; padding: 5px; width: 100%; color: #fff; } .pricing-table[data-style="flat-alternative"] .pricing-column li del, .pricing-table[data-style="flat-alternative"] .pricing-column li del * { color: #bbb; text-decoration: none; } .pricing-table[data-style="flat-alternative"] .pricing-column:before { display: block; top: 0; left: 0; width: 100%; height: 7px; content: ' '; position: absolute; } .pricing-table[data-style="flat-alternative"] .pricing-column li i { margin-right: 10px; } .pricing-table[data-style="flat-alternative"] >div:last-child { margin-right: 0; } .pricing-table[data-style="flat-alternative"] .pricing-column h4 { margin-left: 0; letter-spacing: 0; padding: 0px 0 13px 0; font-size: 30px; display: inline-block; } .pricing-table[data-style="flat-alternative"] .pricing-column h3 { font-size: 36px; } .pricing-table[data-style="flat-alternative"] .pricing-column .interval { display: inline-block; } .pricing-table[data-style="flat-alternative"] .pricing-column .interval:before { content: '/'; display: inline-block; padding-right: 6px; } .pricing-table[data-style="flat-alternative"] .nectar-button { font-size: 15px; } .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { margin: 0; } .pricing-table[data-style="flat-alternative"] .pricing-column .pricing-column-content, .pricing-table[data-style="flat-alternative"] .pricing-column h3 { border: none; } .pricing-table[data-style="flat-alternative"] .pricing-column .pricing-column-content { padding-bottom: 0; } .pricing-table[data-style="flat-alternative"] .pricing-column { padding: 50px; } .pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 .highlight-reason { padding-left: 50px; } .pricing-table[data-style="flat-alternative"] ul li { border: none; padding: 8px 0px; color: #444; background-color: transparent; } @media only screen and (min-width : 1px) and (max-width : 999px) { .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { margin-top: 30px; } .pricing-table[data-style="flat-alternative"].two-cols > div:nth-child(2), .pricing-table[data-style="flat-alternative"].three-cols > div:nth-child(2), .pricing-table[data-style="flat-alternative"].four-cols > div:nth-child(2n+2), .pricing-table[data-style="flat-alternative"].five-cols > div:nth-child(2n+2) { margin-right: 0; } } @media only screen and (min-width : 690px) and (max-width : 999px) { .pricing-table[data-style="flat-alternative"].two-cols > div, .pricing-table[data-style="flat-alternative"].three-cols > div, .pricing-table[data-style="flat-alternative"].four-cols > div, .pricing-table[data-style="flat-alternative"].five-cols > div { width: 48%; } } /* button */ .nectar-button { border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; transition: opacity .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1); -o-transition: opacity .45s cubic-bezier(0.25,1,0.33,1); color: #FFF; font-family: 'Open Sans'; font-weight: 700; font-size: 12px; letter-spacing: 2px; padding: 13px 18px; position: relative; text-transform: uppercase; top: -3px; margin-bottom: 10px; opacity: 1; line-height: 20px; background-color: #27CFC3; display: inline-block; } .nectar-3d-transparent-button { text-transform: uppercase; font-family: 'Open Sans'; font-weight: 700; font-size: 12px; line-height: 20px; visibility: hidden; } .nectar-button.small { border-radius: 2px 2px 2px 2px; font-size: 11px; padding: 8px 14px; letter-spacing: 2px; color: #FFF; box-shadow: 0 -1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -1px rgba(0,0,0,0.1) inset; } .nectar-button.medium { border-radius: 3px 3px 3px 3px; padding: 10px 15px; font-size: 12px; letter-spacing: 2px; color: #FFF; box-shadow: 0 -2px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -2px rgba(0,0,0,0.1) inset; } body .nectar-button.small { font-size: 12px; } body .nectar-button.medium { font-size: 12px; } .nectar-button.large { font-size: 14px; padding: 15px 22px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.jumbo { font-size: 18px; padding: 25px 40px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.extra_jumbo { font-size: 60px; line-height: 60px; padding: 60px 90px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.small.see-through, .nectar-button.small.see-through-2, .nectar-button.small.see-through-3 { padding-top: 6px; padding-bottom: 6px; } .nectar-button.medium.see-through, .nectar-button.medium.see-through-2, .nectar-button.medium.see-through-3 { padding-top: 9px; padding-bottom: 9px; } .nectar-button.large.see-through, .nectar-button.large.see-through-2, .nectar-button.large.see-through-3 { border-width: 2px; padding-top: 13px; padding-bottom: 13px; } .nectar-button.jumbo.see-through, .nectar-button.jumbo.see-through-2, .nectar-button.jumbo.see-through-3 { border-width: 4px; padding-top: 21px; padding-bottom: 21px; } .nectar-button.extra_jumbo.see-through, .nectar-button.extra_jumbo.see-through-2, .nectar-button.extra_jumbo.see-through-3 { border-width: 10px; } .nectar-button.extra_jumbo.has-icon, .nectar-button.tilt.extra_jumbo.has-icon { padding-left: 80px; padding-right: 80px; } .nectar-button.extra_jumbo i, .nectar-button.tilt.extra_jumbo i, .nectar-button.extra_jumbo i[class*="fa-"], .nectar-button.tilt.extra_jumbo i[class*="fa-"] { right: 75px; } .nectar-button.has-icon.extra_jumbo:hover i, .nectar-button.tilt.extra_jumbo.has-icon i { -ms-transform: translateX(13px); -webkit-transform: translateX(13px); transform: translateX(13px); } .nectar-button.has-icon.extra_jumbo:hover span, .nectar-button.tilt.extra_jumbo.has-icon span { -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); } .nectar-button.extra_jumbo i { font-size: 40px; margin-top: -20px; line-height: 40px; } body .nectar-button em { font-size: inherit; line-height: inherit; } .nectar-button i, .nectar-button i[class*="fa-"] { font-size: 18px; line-height: 18px; width: 18px; position: absolute; top: 50%; right: 30px; margin-top: -9px; opacity: 0; -ms-filter: "alpha(opacity=0)"; transition: all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition: all .45s cubic-bezier(0.25,1,0.33,1); } .portfolio-items .nectar-love i, .post-meta .nectar-love i, #project-meta .nectar-love i { width: 23px; font-size: 14px; top: 0px; } .nectar-button.small i { font-size: 16px; line-height: 16px; right: 26px; } .nectar-button i.icon-button-arrow { font-size: 19px; } .nectar-button.medium i.icon-button-arrow, .nectar-button.small i.icon-button-arrow { font-size: 16px; } .nectar-button span { left: 0px; display: inline-block; -webkit-transform: translateX(0); transform: translateX(0); transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),-webkit-transform .45s cubic-bezier(0.25,1,0.33,1); position: relative; } .nectar-button span.im-icon-wrap svg { width: 18px; height: 18px; fill: currentColor; } .nectar-button.extra_jumbo span.im-icon-wrap svg { width: 40px; height: 40px; } body #ajax-content-wrap .nectar-button span.im-icon-wrap, body #ajax-content-wrap .nectar-button span.im-icon-wrap span { left: auto; transform: none; } .nectar-button.has-icon, .nectar-button.tilt.has-icon { padding-left: 42px; padding-right: 42px; } body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3).has-icon, body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3).tilt.has-icon { padding-left: 42px; padding-right: 42px; } .nectar-button.has-icon.small, .nectar-button.tilt.has-icon.small { padding-left: 33px; padding-right: 33px; } .nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span, body.material .nectar-button.has-icon span { -ms-transform: translateX(-18px); -webkit-transform: translateX(-18px); transform: translateX(-18px); } .nectar-button.has-icon.small:hover span, .nectar-button.tilt.small.has-icon span, body.material .nectar-button.has-icon.small span { -ms-transform: translateX(-14px); -webkit-transform: translateX(-14px); transform: translateX(-14px); } .nectar-button.has-icon:hover i, .nectar-button.tilt.has-icon i, body.material .nectar-button.has-icon i { opacity: 1; -ms-filter: "alpha(opacity=100)"; -ms-transform: translateX(6px); -webkit-transform: translateX(6px); transform: translateX(6px); } .nectar-button.small.has-icon:hover i, .nectar-button.small.tilt.has-icon i, body.material .nectar-button.small.has-icon i { -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); } .nectar-button:hover, .full-width-section .light .nectar-button:hover { opacity: 0.87; color: #fff; } @media only screen and (min-width: 1000px) { .full-width-section .light .nectar-button.wpb_animate_when_almost_visible:not(.see-through):not(.see-through-2):not(.see-through-3), body .nectar-button.wpb_animate_when_almost_visible { opacity: 0; } } body:not([data-button-style*="rounded_shadow"]) .full-width-section .light .nectar-button:not(.see-through):not(.see-through-2):not(.see-through-3), body .full-width-section .light .nectar-button.wpb_animate_when_almost_visible.animated:not(.see-through):not(.see-through-2):not(.see-through-3) { opacity: 0.9; } body[data-button-style] .full-width-section .light .nectar-button:not(.see-through):not(.see-through-2):not(.see-through-3):hover, body[data-button-style] .full-width-section .light .nectar-button.wpb_animate_when_almost_visible.animated:not(.see-through):not(.see-through-2):not(.see-through-3):hover, body .nectar-button.wpb_animate_when_almost_visible.animated, body[data-button-style] .nectar-button.wpb_animate_when_almost_visible.animated { opacity: 1; } .text_on_hover.product .add_to_cart_button, .text_on_hover.product a.added_to_cart { font-family: 'Open Sans'; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: 1px; position: relative; text-transform: uppercase; } .text_on_hover.product a.added_to_cart { border-radius: 2px; } .nectar-button.see-through, body .nectar-button.see-through, .text_on_hover.product .add_to_cart_button { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; opacity: 1; transition: all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition: all .45s cubic-bezier(0.25,1,0.33,1); border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid rgba(255,255,255,0.75); } .nectar-button.see-through-2, .nectar-button.see-through-3 { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; opacity: 1; transition: all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition: all .45s cubic-bezier(0.25,1,0.33,1); border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid rgba(255,255,255,0.75); } .nectar-button.see-through-2:hover, .nectar-button.see-through-3:hover { background-color: transparent; } .nectar-button.see-through-3 { border: 2px solid rgba(255,255,255,1); } body .nectar-button.see-through:hover { border: 2px solid rgba(255,255,255,1); } .col.light .nectar-button.see-through-2, .col.light .nectar-button.see-through-3 { color: #fff; } .col.light .nectar-button.see-through { border: 2px solid rgba(255,255,255,0.75); color: #fff; } .col.light .nectar-button.see-through:hover { border: 2px solid rgba(255,255,255,1); } .col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 { border: 2px solid rgba(0,0,0,0.75); color: #444444; } .col.dark .nectar-button.see-through:hover { border: 2px solid rgba(0,0,0,1); } body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover, body .nectar-button.see-through-3:hover, body .col.dark .nectar-button.see-through-3:hover { color: #fff; opacity: 1; } h2 .nectar-button { top: -6px; } .nectar-button[class*="m-extra-color-gradient-"][class*="see-through"] { visibility: hidden; } /* team member */ .team-member { margin-top: 7px; padding-bottom: 7px; } .team-member h4 { font-size: 22px; margin-bottom: 0px; } .team-member h4 a { color: #444; } .team-member p.description, .row .col .team-member p.description { padding: 15px 0px; margin: 15px 0px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .team-member .social { margin: 0px; } .team-member .social:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .team-member .social li { float: left; list-style: none; } .team-member .social li a { font-size: 11px; margin: 0px 8px; } .team-member .social li:first-child a { margin-left: 0px; } .team-member .social li:after { content: ' / '; font-size: 11px; } .team-member .social li:last-child:after { content: ' '; } .full-width-section .team-member img { margin-bottom: 15px; } .team-member[data-style="bio_fullscreen"] { cursor: pointer; } .team-member[data-style="meta_overlaid"], .team-member[data-style="meta_overlaid_alt"], .team-member[data-style="bio_fullscreen"] { margin-top: 0; margin-bottom: 0; padding-bottom: 0; line-height: 0; position: relative; } .team-member[data-style="meta_overlaid"] a, .team-member[data-style="meta_overlaid_alt"] a, .team-member[data-style="bio_fullscreen"] a { display: block; position: absolute; background: transparent url('img/transparent.png') repeat 0 0; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; } .team-member[data-style="meta_overlaid"] img, .team-member[data-style="meta_overlaid_alt"] img, .team-member[data-style="bio_fullscreen"] img { line-height: 0; max-width: none; max-height: none; width: 100%; margin-bottom: 0; } .team-member[data-style="meta_overlaid"] .team-member-overlay, .team-member[data-style="bio_fullscreen"] .team-member-overlay { background-color: #282B30; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0.45; transition: opacity 0.3s ease 0s; } .team-member[data-style="meta_overlaid"] .team-member-image, .team-member[data-style="meta_overlaid_alt"] .team-member-image { z-index: 2; height: 300px; width: 100%; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .team-member[data-style="bio_fullscreen"] .team-member-image { z-index: 2; width: 100%; } .team-member[data-style="meta_overlaid_alt"] .team-member-image { background-color: #444; } .team-member .nectar_team_bio_img, .team-member .nectar_team_bio { display: none; } .full-width-content .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_span3 .team-member[data-style="meta_overlaid_alt"] .team-member-image, .full-width-content .vc_col-sm-3 .team-member[data-style="meta_overlaid_alt"] .team-member-image { height: 350px; } .full-width-content .vc_span4 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-4 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_span4 .team-member[data-style="meta_overlaid_alt"] .team-member-image, .full-width-content .vc_col-sm-4 .team-member[data-style="meta_overlaid_alt"] .team-member-image { height: 400px; } .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, .wpb_row:not(.full-width-content) .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image, .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid_alt"] .team-member-image, .wpb_row:not(.full-width-content) .vc_col-sm-3 .team-member[data-style="meta_overlaid_alt"] .team-member-image { height: 275px; } .team-member[data-style="meta_overlaid"]:hover .team-member-overlay, .team-member[data-style="bio_fullscreen"] .team-member-overlay { opacity: 0; } .team-member[data-style="bio_fullscreen"] .team-member-overlay { transition: opacity .8s cubic-bezier(.2,1,.2,1); -webkit-transition: opacity .8s cubic-bezier(.2,1,.2,1); backface-visibility: hidden; transform: translateZ(0); } .team-member[data-style="bio_fullscreen"]:hover .team-member-overlay { opacity: 0.4; } .team-member[data-style="meta_overlaid"] .team-meta, .team-member[data-style="meta_overlaid_alt"] .team-meta, .team-member[data-style="bio_fullscreen"] .team-meta { position: absolute; z-index: 10; bottom: 40px; width: 100%; text-align: center; } .team-member[data-style="meta_overlaid_alt"] .team-meta { text-align: left; left: 25px; bottom: 40px; } .team-member[data-style="bio_fullscreen"] .team-meta { padding-left: 25px; margin-bottom: 25px; left: 0; bottom: 0; text-align: left; } body .team-member[data-style="bio_fullscreen"] .team-meta p { display: block; line-height: 16px; padding-top: 0; } body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end { color: #fff; right: 25px; opacity: 0; width: auto; } body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line { background-color: #fff; right: 27px; } body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end { -ms-transform: translateX(-8px) translateY(-50%); -webkit-transform: translateX(-8px) translateY(-50%); transform: translateX(-8px) translateY(-50%); } .team-member[data-style="bio_fullscreen"]:hover .team-meta .arrow-line, .team-member[data-style="bio_fullscreen"]:hover .team-meta .arrow-end { opacity: 1; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .team-member[data-style="bio_fullscreen"] .team-meta h3 { transform: translateY(10px); -webkit-transform: translateY(10px); transition: opacity .95s cubic-bezier(.2,1,.2,1),transform .95s cubic-bezier(.2,1,.2,1); -webkit-transition: opacity .95s cubic-bezier(.2,1,.2,1),-webkit-transform .95s cubic-bezier(.2,1,.2,1); opacity: 0; } .team-member[data-style="bio_fullscreen"] .team-meta p { transform: translateY(20px); -webkit-transform: translateY(20px); transition: opacity .95s cubic-bezier(.2,1,.2,1),transform .95s cubic-bezier(.2,1,.2,1); -webkit-transition: opacity .95s cubic-bezier(.2,1,.2,1),-webkit-transform .95s cubic-bezier(.2,1,.2,1); opacity: 0; } .team-member[data-style="bio_fullscreen"]:hover .team-meta h3, .team-member[data-style="bio_fullscreen"]:hover .team-meta p { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; } .team-member[data-style="meta_overlaid"] .team-meta h3, .team-member[data-style="meta_overlaid_alt"] .team-meta h3, .team-member[data-style="bio_fullscreen"] .team-meta h3 { color: #fff; } .team-member[data-style="meta_overlaid"] .team-meta p, .team-member[data-style="meta_overlaid_alt"] .team-meta p, .team-member[data-style="bio_fullscreen"] .team-meta p { color: rgba(255,255,255,0.8); padding: 7px 0 0 0; } .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_3 .team-member[data-style="meta_overlaid"] .team-meta h3, .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid_alt"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_3 .team-member[data-style="meta_overlaid_alt"] .team-meta h3, .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="bio_fullscreen"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_3 .team-member[data-style="bio_fullscreen"] .team-meta h3 { font-size: 14px; line-height: 20px; margin-bottom: 2px; } .wpb_row:not(.full-width-content) .vc_span4 .team-member[data-style="meta_overlaid"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_4 .team-member[data-style="meta_overlaid"] .team-meta h3, .wpb_row:not(.full-width-content) .vc_span4 .team-member[data-style="meta_overlaid_alt"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_4 .team-member[data-style="meta_overlaid_alt"] .team-meta h3, .wpb_row:not(.full-width-content) .vc_span4 .team-member[data-style="bio_fullscreen"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_4 .team-member[data-style="bio_fullscreen"] .team-meta h3 { margin-bottom: 2px; } .team-member[data-style="meta_overlaid_alt"] { overflow: hidden; } .team-member[data-style="meta_overlaid_alt"]:after { position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ' '; opacity: 0; display: block; transition: all 0.3s; -webkit-transition: all 0.3s; background: linear-gradient(to top,rgba(51,51,51,1) 0%,rgba(51,51,51,0.8) 20%,rgba(51,51,51,0) 100%); background: -webkit-linear-gradient(to top,rgba(51,51,51,1) 0%,rgba(51,51,51,0.8) 20%,rgba(51,51,51,0) 100%); } .team-member[data-style="meta_overlaid_alt"] .team-meta { transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); } .team-member[data-style="meta_overlaid_alt"]:hover:after { opacity: 1; } .team-member[data-style="meta_overlaid_alt"]:hover .team-meta { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; } .nectar_team_member_overlay { height: 100%; width: 100%; background-color: #f2f2f2; color: #555; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.2,1,.2,1); transition: transform 0.8s cubic-bezier(0.2,1,.2,1); } .nectar_team_member_overlay.in-boxed .inner-wrap { top: 0; } .nectar_team_member_overlay.in-boxed { z-index: 10010; } .nectar_team_member_close.in-boxed { z-index: 10020; } .nectar_team_member_overlay .inner-wrap { position: relative; width: 100%; height: 100%; } .nectar_team_member_overlay.open { -webkit-transform: translateX(0%); transform: translateX(0%); } .nectar_team_member_overlay.open.on-mobile { cursor: pointer; } .nectar_team_member_overlay .team_member_picture { height: 100%; width: 50%; position: fixed; right: 0; top: 0; background-color: rgba(0,0,0,0.1); } .nectar_team_member_overlay .team_member_image { height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; -webkit-transition: -webkit-transform 15s cubic-bezier(.15,0,.7,1),opacity 0.3s; transition: transform 15s cubic-bezier(.15,0,.7,1),opacity 0.3s; -webkit-transform: scale(1.11); transform: scale(1.11); opacity: 0; background-position: center top; } .nectar_team_member_overlay.open:not(.animating) .team_member_image { -webkit-transform: scale(1); transform: scale(1); } .team_member_picture_wrap { overflow: hidden; width: 100%; top: 0; left: 0; height: 100%; position: absolute; } .nectar_team_member_overlay .inner-wrap { display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; } .nectar_team_member_overlay .bottom_meta a { display: inline-block; color: inherit; padding: 30px 30px 30px 0; } .nectar_team_member_overlay .bottom_meta a i { height: auto; width: auto; font-size: 28px; transition: color 0.2s ease; } .nectar_team_member_overlay .bottom_meta a:not(:hover) i { color: inherit; } .nectar_team_member_overlay .team_member_details { width: 50%; left: 0; position: relative; padding: 3% 10%; margin: auto 0; } .using-mobile-browser .nectar_team_member_overlay .team_member_details { height: 100vh; overflow: scroll; } @media only screen and (max-width: 690px) { .nectar_team_member_overlay .team_member_details { padding: 10% 10%; } } .nectar_team_member_overlay .team_member_details .bio-inner { height: 100%; } .nectar_team_member_overlay .team_member_details .title { line-height: 20px; margin-bottom: 30px; } .nectar_team_member_overlay .team_member_details h2, .nectar_team_member_overlay .team_member_details .mobile-close, .nectar_team_member_overlay .team_member_details .title, .nectar_team_member_overlay .team_member_details .team-desc, .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a { opacity: 0; -ms-transform: translateY(40px); -webkit-transform: translateY(40px); transform: translateY(40px); -ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s; -webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s; transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.4s; } .nectar_team_member_overlay .team_member_details .title { -ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.55s; -webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.55s; transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.55s; } .nectar_team_member_overlay .team_member_details .team-desc { -ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.7s; -webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.7s; transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.7s; } .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a:nth-child(1) { -ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.85s; -webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.85s; transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.85s; } .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a:nth-child(2) { -ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.9s; -webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.9s; transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.9s; } .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a:nth-child(3) { -ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.95s; -webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.95s; transition: all 1.1s cubic-bezier(0.2,1,.2,1) 0.95s; } .nectar_team_member_overlay .team_member_details .team-desc .bottom_meta a:nth-child(4) { -ms-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 1s; -webkit-transition: all 1.1s cubic-bezier(0.2,1,.2,1) 1s; transition: all 1.1s cubic-bezier(0.2,1,.2,1) 1s; } .nectar_team_member_overlay.open .team_member_details .mobile-close, .nectar_team_member_overlay.open .team_member_details h2, .nectar_team_member_overlay.open .team_member_details .title, .nectar_team_member_overlay.open .team_member_details .team-desc, .nectar_team_member_overlay.open .team_member_details .team-desc .bottom_meta a { opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } .nectar_team_member_overlay .team_member_details .team-desc p:empty { display: block; } .nectar_team_member_overlay .team_member_picture .team_member_image_bg_cover { width: 100%; height: 100%; position: absolute; z-index: 1001; left: -2px; top: 0; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; background-color: #f2f2f2; -webkit-transition: -webkit-transform 1s cubic-bezier(0.25,1,.2,1); transition: transform 1s cubic-bezier(0.25,1,.2,1); } .nectar_team_member_overlay.open .team_member_picture .team_member_image_bg_cover { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .nectar_team_member_close { left: 0; position: fixed; top: 0; pointer-events: none; display: block; height: 52px; width: 52px; text-align: center; line-height: 48px; font-size: 24px; z-index: 10000; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .nectar_team_member_close .inner { border: 2px solid #fff; height: 52px; width: 52px; line-height: 48px; opacity: 0; font-size: 24px; border-radius: 100px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .nectar_team_member_close.visible, .nectar_team_member_close .inner.visible { opacity: 1; } .nectar_team_member_close .inner:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; content: "\e117"; color: #fff; font-size: 24px; display: block; } .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end { display: inline-block; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 50px; height: 50px; -webkit-font-smoothing: antialiased; letter-spacing: 0; content: "\f105"; margin-left: 15px; position: absolute; right: 0; top: 53%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); font-size: 25px; transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1); } .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line { backface-visibility: hidden; letter-spacing: 0; display: block; content: ' '; z-index: 100; position: absolute; width: 22px; height: 2px; background-color: #000; top: 53%; opacity: 0; right: -10px; cursor: pointer; transform: translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform: translateY(-50%) translateX(-20px) translateZ(0); transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition: opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1); } .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line { top: 53%; } @media only screen and (min-width : 690px) and (max-width : 999px) { .nectar_team_member_overlay .team_member_picture { width: 35%; } .nectar_team_member_overlay .team_member_details { width: 65%; } .team-member[data-style="meta_overlaid"] .team-member-image { height: 500px; } .one-fourths .team-member[data-style="meta_overlaid"] .team-member-image { height: 350px; } .wpb_row:not(.full-width-content) .vc_span3.one-fourths .team-member[data-style="meta_overlaid"] .team-member-image, .wpb_row:not(.full-width-content) .vc_col-sm-3.one-fourths .team-member[data-style="meta_overlaid"] .team-member-image { height: 250px; } } @media only screen and (max-width : 690px) { .nectar_team_member_overlay .team_member_details { width: 100%; } .nectar_team_member_overlay .team_member_picture { display: none; } .nectar_team_member_overlay { overflow-y: auto; } .nectar_team_member_overlay .inner-wrap { overflow: visible; } } @media only screen and (min-width : 1px) and (max-width : 999px) { .nectar_team_member_close { display: none; } .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close { transform: rotate(45deg); -webkit-transform: rotate(45deg); display: block; height: 32px; width: 32px; border-radius: 50px; transform-origin: center; margin-bottom: 10px; cursor: pointer; border: 2px solid; } .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before { position: absolute; display: block; height: 2px; width: 16px; left: 6px; top: 13px; content: ' '; } .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after { position: absolute; display: block; height: 16px; width: 2px; left: 13px; top: 6px; content: ' '; } } @media only screen and (min-width: 1300px) and (max-width: 1600px) { .full-width-content .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image { height: 320px; } .full-width-content .vc_span4 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-4 .team-member[data-style="meta_overlaid"] .team-member-image { height: 370px; } } @media only screen and (min-width: 990px) and (max-width: 1300px) { .team-member[data-style="meta_overlaid"] .team-meta h3 { font-size: 14px; line-height: 20px; } .team-member[data-style="meta_overlaid"] .team-meta { bottom: 30px; } .full-width-content .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image { height: 270px; } .full-width-content .vc_span4 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-4 .team-member[data-style="meta_overlaid"] .team-member-image { height: 320px; } .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, .wpb_row:not(.full-width-content) .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image { height: 250px; } } body.nectar-no-scrolling { overflow: hidden; -webkit-overflow-scrolling: touch; } html.nectar-no-scrolling { overflow: hidden; height: 100vh; } body.nectar-no-scrolling .nectar_team_member_overlay .team_member_details { margin: 0; overflow: visible; } body.nectar-no-scrolling .nectar_team_member_overlay .inner-wrap, body.nectar-no-scrolling .nectar_team_member_overlay .team_member_details .bio-inner { height: auto; } @media only screen and (min-width: 690px) { body.nectar-no-scrolling .nectar_team_member_overlay .team_member_details { overflow-y: scroll; } } /* carouFredSel */ .carousel-outer { overflow: hidden; margin-right: 2px; } body[data-ajax-transitions="true"] ul.row.carousel { opacity: 1; } .carousel-heading { z-index: 100; position: relative; margin-bottom: 7px; min-height: 23px; } .carousel-heading h2 { font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; margin-left: 10px; margin-bottom: 7px; } .carousel-wrap .item-count { font-size: 12px; } .carousel-wrap[data-full-width="false"] .carousel-heading h2 { font-size: 12px; } html:not(.js) .carousel-heading { display: none; } .carousel-wrap[data-ctc="light"] .carousel-heading h2, .ascend .carousel-wrap[data-ctc="light"] .carousel-next i, .ascend .carousel-wrap[data-ctc="light"] .carousel-prev i, .carousel-wrap[data-ctc="light"] .item-count, .carousel-wrap[data-full-width="true"][data-ctc="light"] .carousel-heading i { color: #fff; } .recent-work-carousel[data-ctc="light"][data-full-width="true"] .carousel-heading { background-color: #252525; } .caroufredsel_wrapper { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; margin: 0px; } .caroufredsel_wrapper.active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } body .carousel-wrap { position: relative; overflow: hidden; margin: 0px -10px 0em -10px; } .full-width-section .carousel-wrap { margin-bottom: 0px; } .carousel-wrap[data-full-width="true"] { padding: 0px 18px; margin-bottom: 0px; } .carousel-wrap[data-full-width="true"] .carousel-heading { background-color: #f8f8f8; padding: 43px 0px 40px 0px; margin-bottom: 0px; text-align: center; } body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { font-size: 24px; line-height: 36px; letter-spacing: 0.5px; margin: 0 auto; max-width: 900px; text-transform: none; font-family: 'Open Sans'; font-weight: 300; } .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-prev, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-next { top: 8px; } .carousel-wrap[data-full-width="true"] .carousel-heading a { background-color: transparent; } .carousel-wrap[data-full-width="true"] .carousel-heading i { background-color: transparent; color: #888; font-size: 30px; line-height: 28px; transition: color 0.2s ease 0s; } body .carousel-wrap[data-full-width="true"] .carousel-heading .container { min-height: 40px; } body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"] { padding: 0px; } .carousel-wrap .work-item.style-2 { margin-bottom: 0px; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, .woocommerce .products-carousel ul.products li.product a { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; margin: 0px; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info a.active, .woocommerce .products-carousel ul.products li.product a.active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } .full-width-content .caroufredsel_wrapper { overflow: visible; } .carousel-wrap .carousel-heading { padding: 0px; } html:not(.js) .carousel-wrap { display: none; } .carousel-wrap span.left-border, .carousel-wrap span.right-border { width: 10px; display: block; height: 100%; position: absolute; top: 0px; z-index: 100; background-color: #f8f8f8; } .carousel-wrap span.left-border { left: 0px; } .carousel-wrap span.right-border { right: 0px; } .carousel-next, .carousel-prev { background-color: #dadada; cursor: pointer; display: block; height: 17px; margin-left: 5px; line-height: 22px; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; background-repeat: no-repeat; position: absolute; top: 0px; height: 20px; width: 20px; border-radius: 1px; -webkit-border-radius: 1px; text-align: center; } .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev { height: 28px; width: 44px; } .carousel-wrap[data-full-width="true"] .carousel-next { text-align: right; } .carousel-wrap[data-full-width="true"] .carousel-prev { text-align: left; } .carousel-next { right: 0px; padding-left: 1px; } .carousel-prev { right: 25px; padding-right: 1px; } .carousel-wrap[data-full-width="false"] .control-wrap { position: absolute; right: 0px; top: 0; } .carousel-next i, .carousel-prev i { background-color: transparent; line-height: 24px; font-size: 14px; } .carousel-prev:hover, .carousel-next:hover { background-color: #27CFC3; } ul.row.carousel { opacity: 0; } .carousel-wrap[data-full-width="true"] .span_4.no-margin { margin: 0px; } .carousel-wrap[data-full-width="true"] { padding: 0px 0px 0px 0px; } .carousel-wrap[data-full-width="true"].default-style { padding: 0px 20px; } .carousel-wrap[data-full-width="true"] .work-meta { padding: 0px 15px; } .carousel-wrap[data-full-width="true"].default-style .work-meta { padding: 0px; } body .carousel .span_4, body .portfolio-items.carousel .span_4 { margin: 0px 10px 0px 10px; } .carousel-wrap[data-full-width="true"].default-style .span_4 { margin: 0px 15px 0px 15px; } .carousel .span_4 .clear { padding-bottom: 0px; margin-bottom: 0px; } /* Clients */ .clients.two-cols >div { width: 49.4%; } .clients.two.no-carousel >div { width: 48.4%; } .clients.two-cols >div:nth-child(2n+2) { margin-right: 0px; } .clients.carousel.two-cols >div { margin: 0px 10px; } .clients.three-cols >div { width: 32.6%; } .clients.three-cols.no-carousel >div { width: 31.6%; } .clients.three-cols >div:nth-child(3n+3) { margin-right: 0px; } .clients.carousel.three-cols >div { margin: 0px 10px; } @media only screen and (min-width: 1000px) { .clients.no-carousel.three-cols > div:nth-child(3n+4) { clear: both; } } @media only screen and (min-width: 690px) { .clients.no-carousel.four-cols > div:nth-child(4n+5) { clear: both; } .clients.no-carousel.five-cols > div:nth-child(5n+6) { clear: both; } .clients.no-carousel.six-cols > div:nth-child(6n+7) { clear: both; } } .clients.four-cols >div { width: 24.2%; } .clients.four-cols.no-carousel >div { width: 23.2%; } .clients.four-cols >div:nth-child(4n+4) { margin-right: 0px; } .clients.carousel.four-cols >div { margin: 0px 10px; } .clients.five-cols >div { width: 19.2%; } .clients.five-cols.no-carousel >div { width: 18.2%; } .clients.five-cols >div:nth-child(5n+5) { margin-right: 0px; } .clients.carousel.five-cols >div { margin: 0px 10px; } .clients.six-cols >div { width: 15.8%; } .clients.six-cols.no-carousel >div { width: 14.8%; } .clients.six-cols >div:nth-child(6n+6) { margin-right: 0px; } .clients.carousel.six-cols >div { margin: 0px 10px; } .clients >div { float: left; transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; margin-right: 2%; margin-bottom: 2%; opacity: 1; } .clients.fade-in-animation >div { opacity: 0; transition: none; -moz-transition: none; -webkit-transition: none; } .clients.fade-in-animation.completed >div { transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -webkit-backface-visibility: hidden; } .clients:not(.fade-in-animation) >.no-link:hover, .clients.fade-in-animation.completed >.no-link:hover { opacity: 1; } .clients:not(.fade-in-animation) >div:hover { opacity: 0.7; } .clients.fade-in-animation.completed >div:hover { opacity: 0.7; } .clients >div img { display: block; max-width: 100%; margin: 0 auto; } .clients.no-carousel:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clients.no-carousel { display: -ms-flexbox; display: flex; display: -webkit-flex; align-items: center; justify-content: center; -ms-flex-flow: row wrap; flex-wrap: wrap; } .clients.no-carousel > div { float: none; } .clients[data-additional_padding="2"].no-carousel > div, .clients[data-additional_padding="3"].no-carousel > div, .clients[data-additional_padding="4"].no-carousel > div, .clients[data-additional_padding="2"].no-carousel > div img, .clients[data-additional_padding="3"].no-carousel > div img, .clients[data-additional_padding="4"].no-carousel > div img { margin: 0; } .clients[data-additional_padding="2"].no-carousel >div { padding: 2%; } .clients[data-additional_padding="3"].no-carousel >div { padding: 3%; } .clients[data-additional_padding="4"].no-carousel >div { padding: 3% 5%; } .clients[data-he="greyscale_to_color"] > div img { transition: filter 0.45s cubic-bezier(0.3, 0.4, 0.1, 1), opacity 0.45s cubic-bezier(0.3, 0.4, 0.1, 1); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.55; } .clients[data-he="greyscale_to_color"] > div:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } /* Toggle */ .toggle { margin-bottom: 15px; } .toggle.open h3 a { color: #fff; background-color: #27CFC3; } .toggle h3 { position: relative; z-index: 10; font-size: 12px; margin-bottom: 0px; } div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3 { font-size: 12px; line-height: 14px; } .toggle h3 a { display: block; color: rgba(0,0,0,0.65); letter-spacing: 0px; font-size: 12px; line-height: 14px; padding: 14px 14px 16px 43px; font-family: 'Open Sans'; font-weight: 400; background-color: rgba(0,0,0,0.045); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .toggle h3 a i { position: absolute; left: 13px; background-color: transparent; color: #888; top: 13px; width: 18px; height: 16px; line-height: 18px; font-size: 15px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .toggle.open h3 a i { color: #fff; } .toggle h3 a:hover { background-color: rgba(0,0,0,0.035); } body .toggle >div { padding: 10px 14px; border-top: 0px; display: none; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .toggle >div .wpb_wrapper { margin: 0; } .toggle >div >div:last-child { margin-bottom: 0px; } .light .toggle >div { color: #676767; } .light .toggles[data-style="default"] .toggle h3 a { color: #fff; } .light .toggles[data-style="default"] .toggle >div { background-color: transparent; } body div[data-style*="minimal"] .toggle.open h3 a, body div[data-style*="minimal"] .toggle h3 a { background-color: transparent; } div[data-style*="minimal"] .toggle >div { box-shadow: none; -webkit-box-shadow: none; padding: 0 0 30px 0; background-color: transparent; } div[data-style*="minimal"] .toggle h3 i { width: 30px; height: 30px; position: absolute; right: 0; left: auto; top: 50%; margin-top: -15px; border: 2px solid #888; border-radius: 30px 30px; -ms-transition: border-color 0.15s ease; transition: border-color 0.15s ease; -webkit-transition: border-color 0.15s ease; } div[data-style="minimal"] .toggle h3 a { padding: 30px 70px 30px 0px; -ms-transition: color 0.15s ease; transition: color 0.15s ease; -webkit-transition: color 0.15s ease; } div[data-style="minimal"] .toggle { border-bottom: 2px solid rgba(0,0,0,0.08); -ms-transition: border-color 0.15s ease; transition: border-color 0.15s ease; -webkit-transition: border-color 0.15s ease; margin-bottom: 0; } div[data-style="minimal"] .toggle h3 i:before { content: ' '; top: 14px; left: 6px; margin-top: -2px; width: 14px; height: 2px; position: absolute; background-color: #888; -ms-transition: background-color 0.15s ease; transition: background-color 0.15s ease; -webkit-transition: background-color 0.15s ease; } div[data-style="minimal"] .toggle h3 i:after { content: ' '; top: 6px; left: 14px; width: 2px; margin-left: -2px; height: 14px; position: absolute; background-color: #888; -ms-transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease; transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease; -webkit-transition: -webkit-transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease; } .light div[data-style="minimal"] .toggle { border-color: rgba(255,255,255,0.2); } .light div[data-style*="minimal"] .toggle h3 i { border-color: #fff; } .light div[data-style*="minimal"] .toggle h3 i:before, .light div[data-style*="minimal"] .toggle h3 i:after { background-color: #fff; } .light div[data-style*="minimal"] .toggle h3 a { color: #fff; } div[data-style*="minimal"] .toggle.open i:after { -ms-transform: scale(1,0); transform: scale(1,0); -webkit-transform: scale(1,0); } div[data-style="minimal_small"] .toggle h3 { display: inline-block; } div[data-style="minimal_small"] .toggle h3 a { padding: 0; } div[data-style="minimal_small"] .toggle.default h3 a:hover, div[data-style="minimal_small"] .toggle.default.open h3 a { color: #000; } div[data-style="minimal_small"] .toggle.default > h3:after { background-color: #000; } .span_12.light div[data-style="minimal_small"] .toggle.default h3 a:hover, .span_12.light div[data-style="minimal_small"] .toggle.default.open h3 a { color: #fff; } .span_12.light div[data-style="minimal_small"] .toggle > h3:before { background-color: rgba(255,255,255,0.2); } .span_12.light div[data-style="minimal_small"] .toggle.default:hover > h3:after, .span_12.light div[data-style="minimal_small"] .toggle.default.open > h3:after { background-color: #fff; } div[data-style="minimal_small"] .toggle > h3:after, div[data-style="minimal_small"] .toggle > h3:before { display: block; content: ''; position: absolute; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.1); height: 2px; left: 0; pointer-events: none; } div[data-style="minimal_small"] .toggle > h3:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1); transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1); transform-origin: left; } div[data-style="minimal_small"] .toggle.open > h3:after, div[data-style="minimal_small"] .toggle:hover > h3:after { -webkit-transform: scaleX(1); transform: scaleX(1); } div[data-style="minimal_small"] .toggle >div { padding-top: 1.4em; padding-bottom: 0; } div[data-style="minimal_small"] .toggle > h3 i { display: none; } div[data-style="minimal_small"] .toggle { margin-bottom: 1.4em; } /* tabbed section */ .tabbed >ul { margin-left: 0px; margin-bottom: 17px; } .tabbed >ul li { float: left; position: relative; list-style: none; margin: 0px; } .tabbed >ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .tabbed >ul li a { display: block; color: #888; position: relative; background-color: rgba(0,0,0,0.045); padding: 8px 15px; transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); border-left: 0px; border-right: 1px solid rgba(0,0,0,0.06); } .tabbed >ul li a svg { fill: #888; } .tabbed >ul li:hover, .wpb_content_element .wpb_tabs_nav li { background-color: transparent; } .tabbed .clear { display: block; padding-bottom: 0px; } .tabbed >ul li a:hover { background-color: rgba(0,0,0,0.035); } .tabbed >ul li:last-child a { border-color: transparent; } .tabbed >ul li a.active-tab { color: #fff; border-color: #27CFC3; background-color: #27CFC3; } .tabbed >ul li a.active-tab svg { fill: #fff; } .light .tabbed >ul li:last-child a, .light .tabbed >ul li a { border-color: rgba(0,0,0,0.2); } .light .tabbed >ul li a { background-color: rgba(0,0,0,0.15); } .tabbed .wpb_tab { opacity: 0; } body .tabbed div { padding: 0px; margin-bottom: 0px; background-color: transparent; } body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding: 0px; background-color: transparent; } .tabbed .wpb_tab { position: absolute; } .tabbed >div:first-of-type { position: relative; } .tabbed .wp-video .mejs-mediaelement { position: absolute; } .tabbed .wp-video .mejs-inner { position: static; } .wpb_tabs_nav .cta-button { position: absolute; right: 0; top: 0; } .tabbed[data-alignment="right"] .wpb_tabs_nav .cta-button { left: 0; right: auto; } .wpb_tabs_nav .cta-button a { visibility: visible; margin-bottom: 0; } .wpb_tabs_nav .cta-button a:after { display: none; } .tabbed .wpb_tab > .tab-icon { display: none; } .tabbed[data-alignment="center"] .wpb_tabs_nav li, .tabbed[data-alignment="right"] .wpb_tabs_nav li { float: none; display: inline-block; } .tabbed[data-alignment="center"] .wpb_tabs_nav { text-align: center; } .tabbed[data-alignment="right"] .wpb_tabs_nav { text-align: right; } .tabbed[data-style="minimal"] .wpb_tabs_nav { border-bottom: 1px solid #e1e1e1; line-height: 0px; margin-bottom: 65px; position: relative; } .tabbed[data-style="minimal"] >ul li:not(.cta-button) a, .tabbed[data-style="minimal"] >ul li:not(.cta-button) a.active-tab, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a.active-tab { background-color: transparent; border-right: none; position: relative; color: inherit; z-index: 10; padding: 18px 17px; line-height: 32px; margin-bottom: -1px; overflow-y: hidden; transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); } .tabbed[data-style="minimal"] >ul li:not(.cta-button) a svg, .tabbed[data-style="minimal"] >ul li:not(.cta-button) a.active-tab svg, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a svg, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a.active-tab svg { fill: currentColor; } .tabbed[data-style="minimal"] >ul li a:hover { opacity: 0.7; } .tabbed[data-style*="minimal"] >ul li a:after { height: 4px; width: 100%; content: ' '; background-color: #000; display: block; position: absolute; bottom: -4px; left: 0; z-index: 10; transition: transform 0.3s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12,0.75,0.4,1); } .tabbed[data-style="minimal"] >ul li a.active-tab { opacity: 1; } .tabbed[data-style*="minimal"] >ul li a.active-tab:after { transform: translateY(-3px); -webkit-transform: translateY(-3px); } .tabbed[data-style*="vertical"] .wpb_tabs_nav { width: 20%; float: left; } .tabbed[data-style*="vertical"] >div { float: left; width: 80%; padding-left: 40px; } body .tabbed[data-style*="vertical"] .wpb_tabs_nav li { white-space: normal; } @media only screen and (min-width: 1000px) and (max-width: 1300px) { .tabbed[data-style*="vertical"] .wpb_tabs_nav { width: 25%; } .tabbed[data-style*="vertical"] >div { width: 65%; } } .tabbed[data-style="vertical_modern"] >div { padding-left: 80px; } .tabbed[data-style*="vertical"] .wpb_tabs_nav li { float: none; } .tabbed[data-style*="vertical"] .wpb_tabs_nav li a { border-right: none; } .tabbed[data-style="vertical_modern"] > .wpb_tabs_nav li i { transition: none; } .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li i,.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li svg { margin-right: 13px; position: relative; } .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a { background-color: rgba(0,0,0,0.04); } .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a:hover { background-color: rgba(0,0,0,0.025); } .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; } .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li { margin-bottom: 12px; } .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a { border-radius: 6px; padding: 25px 20px; overflow: hidden; } @media only screen and (max-width: 999px) { .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a { padding: 15px 20px; } } .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a.active-tab { box-shadow: 0px 15px 50px rgba(0,0,0,0.2); } .tabbed[data-style="minimal_alt"] ul { position: relative; } @media only screen and (min-width:1000px) { .tabbed[data-style="minimal_alt"] >ul li a:after { display: none; } .tabbed[data-style="minimal_alt"] .magic-line { position: absolute; bottom: 8px; left: 0; height: 2px; background-color: white; width: 1px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: visibility 0s,-webkit-transform 0.4s; transition: visibility 0s,-webkit-transform 0.4s; transition: transform 0.4s,visibility 0s; transition: transform 0.4s,visibility 0s,-webkit-transform 0.4s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; } } .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a { padding: 2px 0px; } .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) { margin: 0 30px; } .tabbed > .wpb_tabs_nav li i { transition: color 0.3s cubic-bezier(0.12,0.75,0.4,1); margin-right: 10px; } .tabbed > .wpb_tabs_nav li svg { transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); margin-right: 10px; } .tabbed[data-style="default"] > .wpb_tabs_nav li i, .tabbed[data-style="vertical"] > .wpb_tabs_nav li i, .tabbed[data-style*="material"] .wpb_tabs_nav li i { transition: none; } .tabbed[data-style*="minimal"] .wpb_tabs_nav li i, .tabbed[data-style*="material"] .wpb_tabs_nav li i, .tabbed[data-style*="minimal"] .wpb_tabs_nav li svg, .tabbed[data-style*="material"] .wpb_tabs_nav li svg { display: block; text-align: center; margin: 0 0 8px 0; font-size: 32px; } .tabbed[data-style*="material"] .wpb_tabs_nav { margin-bottom: 65px; } .tabbed[data-style*="material"] .wpb_tabs_nav li { float: none; display: inline-block; } .tabbed[data-style*="material"] .wpb_tabs_nav:after, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a:before, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a:before, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a:before, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a:before, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a:before, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a:before { background-color: #000; display: block; left: 0; width: 100%; position: absolute; content: ''; height: 1px; opacity: 0.25; visibility: visible; } .tabbed[data-style*="material"] ul:after { opacity: 0.3; } .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a.active-tab, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a.active-tab, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a.active-tab, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a.active-tab { background-color: transparent; } .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a:before, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a:before { height: 100%; top: 0; opacity: 0; transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); z-index: -1; border-radius: 5px 5px 0 0px; } .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a:before, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a:before, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a:before, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a:before { height: 100%; top: 0; opacity: 0; transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); z-index: -1; } .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-1"] ul li a.active-tab:before, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-2"] ul li a.active-tab:before, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-1"] ul li a.active-tab:before, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-2"] ul li a.active-tab:before, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-1"] ul li a.active-tab:before, .tabbed[data-style*="vertical"][data-color-scheme="extra-color-gradient-2"] ul li a.active-tab:before { opacity: 1; } .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-1"] ul li a.active-tab, .tabbed[data-style*="default"][data-color-scheme="extra-color-gradient-2"] ul li a.active-tab { border-color: transparent; } .tabbed[data-style*="material"][data-full-width-line="true"] ul:after { left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; } .tabbed[data-style*="material"] .wpb_tabs_nav li i, .tabbed[data-style*="material"] .wpb_tabs_nav li svg { font-size: 22px; margin-top: 7px; line-height: 22px; height: auto; margin-bottom: 5px; width: auto; } .tabbed[data-style*="material"] .wpb_tabs_nav li svg { margin: 0 auto; } .tabbed[data-style*="material"] .wpb_tabs_nav li a:not(.active-tab):hover { color: #000; } .tabbed[data-style*="material"] .wpb_tabs_nav li a:not(.active-tab):hover svg { fill: #000; } .tabbed[data-style*="material"] .wpb_tabs_nav li a.active-tab:after { opacity: 0.3; } .tabbed[data-style*="material"] .wpb_tabs_nav li a:after { transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); opacity: 0.3; display: block; content: ''; width: 92%; height: 92%; top: 4%; left: 4%; z-index: -2; position: absolute; } .span_12.light .tabbed[data-style*="material"] >ul li a:not(.active-tab) { color: rgba(255,255,255,0.7); } .span_12.light .tabbed[data-style*="material"] >ul li a:hover { color: rgba(255,255,255,1); } .tabbed .wpb_tabs_nav li .im-icon-wrap.tab-icon { line-height: 0; } .tabbed[data-icon-size="24"] .wpb_tabs_nav li i { font-size: 24px; line-height: 24px; } .tabbed[data-icon-size="26"] .wpb_tabs_nav li i { font-size: 26px; line-height: 26px; } .tabbed[data-icon-size="28"] .wpb_tabs_nav li i { font-size: 28px; line-height: 28px; } .tabbed[data-icon-size="30"] .wpb_tabs_nav li i { font-size: 30px; line-height: 30px; } .tabbed[data-icon-size="32"] .wpb_tabs_nav li i { font-size: 32px; line-height: 32px; } .tabbed[data-icon-size="34"] .wpb_tabs_nav li i { font-size: 34px; line-height: 34px; } .tabbed[data-icon-size="36"] .wpb_tabs_nav li i { font-size: 36px; line-height: 36px; } .tabbed[data-icon-size="24"] .wpb_tabs_nav li svg { height: 24px; } .tabbed[data-icon-size="26"] .wpb_tabs_nav li svg { height: 26px; } .tabbed[data-icon-size="28"] .wpb_tabs_nav li svg { height: 28px; } .tabbed[data-icon-size="30"] .wpb_tabs_nav li svg { height: 30px; } .tabbed[data-icon-size="32"] .wpb_tabs_nav li svg { height: 32px; } .tabbed[data-icon-size="34"] .wpb_tabs_nav li svg { height: 34px; } .tabbed[data-icon-size="36"] .wpb_tabs_nav li svg { height: 36px; } .tabbed[data-icon-size="30"][data-style*="material"] .wpb_tabs_nav li i, .tabbed[data-icon-size="32"][data-style*="material"] .wpb_tabs_nav li i, .tabbed[data-icon-size="34"][data-style*="material"] .wpb_tabs_nav li i, .tabbed[data-icon-size="36"][data-style*="material"] .wpb_tabs_nav li i, .tabbed[data-icon-size="30"][data-style*="material"] .wpb_tabs_nav li svg, .tabbed[data-icon-size="32"][data-style*="material"] .wpb_tabs_nav li svg, .tabbed[data-icon-size="34"][data-style*="material"] .wpb_tabs_nav li svg, .tabbed[data-icon-size="36"][data-style*="material"] .wpb_tabs_nav li svg { margin-top: 10px; margin-bottom: 10px; } .tabbed[data-style="material"] .wpb_tabs_nav li a { transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1); padding-top: 13px; padding-bottom: 13px; border: none; border-radius: 5px 5px 0 0px; } .tabbed[data-style="material"] >ul li a:not(.active-tab) { background-color: transparent; } .tabbed[data-spacing="side-15px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-15px"]:not([data-style="vertical"]) .wpb_tabs_nav li a.active-tab { padding-left: 17px; padding-right: 17px; } .tabbed[data-spacing="side-20px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-20px"]:not([data-style="vertical"]) .wpb_tabs_nav li a.active-tab { padding-left: 20px; padding-right: 20px; } .tabbed[data-spacing="side-25px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-25px"]:not([data-style="vertical"]) .wpb_tabs_nav li a.active-tab { padding-left: 25px; padding-right: 25px; } .tabbed[data-spacing="side-30px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-30px"]:not([data-style="vertical"]) .wpb_tabs_nav li a.active-tab { padding-left: 30px; padding-right: 30px; } .tabbed[data-spacing="side-35px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-35px"]:not([data-style="vertical"]) .wpb_tabs_nav li a.active-tab { padding-left: 35px; padding-right: 35px; } .tabbed[data-spacing="side-40px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-40px"]:not([data-style="vertical"]) .wpb_tabs_nav li a.active-tab { padding-left: 40px; padding-right: 40px; } .tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li a.active-tab { padding-left: 45px; padding-right: 45px; } @media only screen and (max-width : 690px) { .tabbed[data-style*="minimal"] > ul li:not(.cta-button) a, .tabbed[data-style*="minimal"] > ul li:not(.cta-button) a.active-tab { padding: 20px 15px 5px 15px; } .tabbed[data-style="minimal_alt"] > ul li:not(.cta-button) { margin: 0 10px; } .tabbed[data-style="minimal"] .wpb_tabs_nav { border-bottom: none; } .tabbed > ul li { float: none; display: inline-block; border-right: 0px; } .tabbed > ul { float: none; } .tabbed > ul li a { border-right: 0px; } .tabbed[data-style*="material"] ul:after { display: none; } .tabbed[data-style="material"] .wpb_tabs_nav li a, .tabbed[data-style="material"] .wpb_tabs_nav li { display: block; } .tabbed[data-style="material"] ul li a, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-1"] ul li a:before, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-2"] ul li a:before { border-radius: 5px; } .tabbed[data-style*="vertical"] .wpb_tabs_nav { width: 100%; } .tabbed[data-style*="vertical"] .wpb_tabs_nav li { display: inline-block; margin: 5px; } } @media only screen and (min-width : 1px) and (max-width : 999px) { .tabbed[data-alignment="right"] .wpb_tabs_nav .cta-button { top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); left: auto; right: 0; } .tabbed[data-alignment="center"] .wpb_tabs_nav .cta-button { top: 0; -webkit-transform: translateY(-100%) translateX(-50%); transform: translateY(-100%) translateX(-50%); left: 50%; right: auto; } .tabbed[data-style*="vertical"] .wpb_tabs_nav { width: 100%; text-align: center; margin-bottom: 35px; } .tabbed[data-style*="vertical"] .wpb_tabs_nav li { display: inline-block; font-size: 12px; margin: 5px; } .tabbed[data-style*="vertical"] >div { width: 100%; padding-left: 0; } } /* blog recent */ .home .blog-recent .col .post-header { color: #999; font-size: 11px; margin-bottom: 12px; } .home .blog-recent .col .post-header h3 a { color: #27CFC3; } .blog-recent .mejs-container { margin-bottom: 15px; } .home .blog-recent .col .post-header h3 { margin-bottom: 3px; } .blog-recent[data-style="default"] .col .post-header h3 { margin-bottom: 3px; letter-spacing: -0.2px; font-size: 16px; line-height: 23px; } .blog-recent .col .post-header a, .blog-recent .col .post-header h3 a:hover { color: inherit; } .home .blog-recent .col .post-header a:hover { color: #27CFC3; } .blog-recent .col { margin-bottom: 40px; } .blog-recent .col .video-wrap { position: relative; padding-bottom: 54.25%; padding-top: 5px; height: 0; margin-bottom: 15px; } .blog-recent .col .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-recent div:last-of-type { margin-right: 0; } .blog-recent .col.span_3 { width: 23.4%; } .blog-recent.columns-4 div:nth-child(4n+4) { margin-right: 0; } .blog-recent.columns-3 div:nth-child(3n+3) { margin-right: 0; } .blog-recent.columns-2 div:nth-child(2n+2) { margin-right: 0; } .blog-recent.columns-1 div:nth-child(1n+1) { margin-right: 0; } .blog-recent.columns-4 div:nth-child(4n+5) { clear: both; } .blog-recent.columns-3 div:nth-child(3n+4) { clear: both; } .blog-recent.columns-2 div:nth-child(2n+3) { clear: both; } .video-wrap iframe { opacity: 0; visibility: hidden; } .blog-recent .col .audio-wrap { margin-bottom: 15px; } .blog-recent[data-style="minimal"] .col { margin-bottom: 2%; padding: 20px; } .blog-recent[data-style="minimal"] .meta { margin-bottom: 13px; display: block; } .blog-recent[data-style="title_only"] .meta { margin-bottom: 6px; display: block; } .blog-recent[data-style="minimal"] .col >a, .blog-recent[data-style="title_only"] .col >a { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; display: block; } .blog-recent[data-style="minimal"] .col a { color: inherit; } .blog-recent[data-style="minimal"] .col >span { color: #27CFC3; display: block; } .blog-recent[data-style="minimal"] .col i { background-color: transparent; color: inherit; height: auto; font-size: 15px; width: 23px; top: 0px; transition: transform .33s cubic-bezier(.75,0,.18,1); -webkit-transition: transform .33s cubic-bezier(.75,0,.18,1); } .blog-recent[data-style="minimal"] .col:hover i { transform: translateX(7px); -webkit-transform: translateX(7px); } .blog-recent[data-style="minimal"] .col >span { font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; } .blog-recent[data-style="title_only"] .col { background-color: rgba(0,0,0,0.03); margin-bottom: 2%; padding: 50px 25px; } .blog-recent[data-style="title_only"] { text-align: center; } .blog-recent[data-style="title_only"] .post-header { width: 70%; left: 15%; margin-bottom: 0; word-break: break-word; position: relative; } .blog-recent[data-style="title_only"] .post-header .title, .blog-recent[data-style="title_only"] .col .post-header .meta { transition: transform .33s cubic-bezier(.75,0,.18,1),opacity .33s cubic-bezier(.75,0,.18,1),color .33s cubic-bezier(.75,0,.18,1); -webkit-transition: transform .33s cubic-bezier(.75,0,.18,1),opacity .33s cubic-bezier(.75,0,.18,1),color .33s cubic-bezier(.75,0,.18,1); } .blog-recent[data-style="title_only"] .col:hover .post-header .title { transform: scale(1.1) translateY(-10px); -webkit-transform: scale(1.1) translateY(-10px); color: #27CFC3; } .blog-recent[data-style="title_only"] .col:hover .post-header .meta { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; } .span_9 .carousel-heading { padding-right: 10px; } .nectar-recent-posts-slider { overflow: hidden; } .nectar-recent-posts-slider .nectar-recent-post-slide { width: 101%; position: relative; line-height: 0px; min-height: 250px; overflow: hidden; } .nectar-recent-posts-slider .nectar-recent-posts-slider-inner:not(.flickity-enabled) .nectar-recent-post-slide { position: absolute; opacity: 0; } .nectar-recent-posts-slider .nectar-recent-posts-slider-inner:not(.flickity-enabled) > .nectar-recent-post-slide:first-child { position: relative; opacity: 1; } .nectar-recent-posts-slider .nectar-recent-posts-slider-inner:not(.flickity-enabled) .inner-wrap { position: relative; -webkit-transform: none; transform: none; } .nectar-recent-posts-slider .nectar-recent-posts-slider-inner:not(.flickity-enabled) .recent-post-container { padding-bottom: 100px; padding-top: 100px; } .nectar-recent-post-slide .nectar-recent-post-bg, .nectar-recent-posts-slider_multiple_visible .nectar-recent-post-slide .nectar-recent-post-bg-wrap, .nectar-recent-posts-slider_multiple_visible .nectar-recent-post-slide .nectar-recent-post-bg-blur { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #222; } .nectar-recent-post-slide .row-bg { background-color: #222; } .nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after { background-color: rgba(45,45,45,0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ' '; z-index: 1; display: block; } .nectar-recent-posts-single_featured .nectar-recent-post-slide .nectar-recent-post-bg:after { background-color: rgba(2,2,2,0.43); } .nectar-recent-posts-single_featured.multiple_featured .nectar-recent-post-slide .row-bg { z-index: 0; } .nectar-recent-posts-single_featured[data-bg-overlay="diagonal_gradient"] .nectar-recent-post-slide .nectar-recent-post-bg:after { background-color: transparent; } .nectar-recent-posts-single_featured[data-bg-overlay="diagonal_gradient"] .nectar-recent-post-slide:after { background: linear-gradient(to right top, rgba(10,10,10,0.9), transparent); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 1; } .nectar-recent-posts-slider .container .strong { font-size: 12px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; color: #fff; position: relative; display: block; line-height: 12px; } .nectar-recent-posts-slider .container .strong a { color: #fff; margin-left: 15px; } .nectar-recent-posts-slider .container .strong a:hover span:before { width: 100%; height: 20px; top: -4px; } .nectar-recent-posts-slider .container .strong a:first-child { margin-left: 0; } .nectar-recent-posts-slider .container .strong span { display: inline-block; position: relative; padding-left: 13px; padding-right: 10px; z-index: 10; } .nectar-recent-posts-slider .container .strong span:before { display: block; content: ' '; height: 11px; margin-right: 4px; position: absolute; left: 0; top: 0px; width: 3px; transition: all .3s cubic-bezier(.175,.885,.32,1.1); -webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.1); z-index: -1; } .nectar-recent-post-content { position: absolute; color: #fff; z-index: 20; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .wpb_row:not(.full-width-content) .wpb_column:not(.vc_col-sm-12) .nectar-recent-posts-slider .container { padding: 0; } .wpb_row:not(.full-width-content) .wpb_column:not(.vc_col-sm-12) .nectar-recent-posts-slider .inner-wrap { max-width: none; padding: 10px 15%; left: 0; } .nectar-recent-posts-slider .container { height: 100%; pointer-events: none; } .nectar-recent-posts-slider .inner-wrap { top: 50%; position: absolute; left: auto; max-width: 50%; width: auto; pointer-events: all; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s linear; display: inline-block; z-index: 100; } .nectar-recent-posts-slider h2 a, .nectar-recent-posts-slider_multiple_visible h3 a { transition: color 0.16s ease; -webkit-transition: color 0.16s ease; } .nectar-recent-posts-slider h2 a:hover { color: rgba(255,255,255,0.8); } .nectar-recent-posts-single_featured { overflow: hidden; position: relative; } .nectar-recent-posts-single_featured .nectar-recent-post-slide { position: relative; overflow: hidden; } .nectar-recent-posts-single_featured.multiple_featured .nectar-recent-post-slide { transition: opacity .3s ease; opacity: 0; } .nectar-recent-posts-single_featured.multiple_featured .nectar-recent-post-slide.active { opacity: 1; } .nectar-recent-posts-single_featured.multiple_featured:not(.js-loaded) .nectar-recent-post-slide:not(:first-child), .nectar-recent-posts-single_featured.multiple_featured.js-loaded .nectar-recent-post-slide:not(.tallest) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nectar-recent-posts-single_featured .recent-post-container { z-index: 10; position: relative; } .nectar-recent-posts-single_featured[data-padding="20%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="20%"] .recent-post-container { padding-top: 20%; padding-bottom: 20%; } .nectar-recent-posts-single_featured[data-padding="18%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="18%"] .recent-post-container { padding-top: 18%; padding-bottom: 18%; } .nectar-recent-posts-single_featured[data-padding="16%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="16%"] .recent-post-container { padding-top: 16%; padding-bottom: 16%; } .nectar-recent-posts-single_featured[data-padding="14%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="14%"] .recent-post-container { padding-top: 14%; padding-bottom: 14%; } .nectar-recent-posts-single_featured[data-padding="12%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="12%"] .recent-post-container { padding-top: 12%; padding-bottom: 12%; } .nectar-recent-posts-single_featured[data-padding="10%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="10%"] .recent-post-container { padding-top: 10%; padding-bottom: 10%; } .nectar-recent-posts-single_featured[data-padding="8%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="8%"] .recent-post-container { padding-top: 8%; padding-bottom: 8%; } .nectar-recent-posts-single_featured[data-padding="6%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="6%"] .recent-post-container { padding-top: 6%; padding-bottom: 6%; } @media only screen and (max-width: 999px) { .nectar-recent-posts-single_featured .recent-post-container, .nectar-recent-posts-single_featured.multiple_featured > .container { padding-left: 50px; padding-right: 50px; } .full-width-content .vc_col-sm-12 .nectar-recent-posts-single_featured .recent-post-container, .full-width-content .vc_col-sm-12 .nectar-recent-posts-single_featured.multiple_featured > .container { padding-left: 0px; padding-right: 0px; } } .nectar-recent-posts-single_featured .nectar-button { opacity: 1; margin-bottom: 0; } .nectar-recent-posts-single_featured .recent-post-container .excerpt { margin-bottom: 45px; width: 75%; } .nectar-recent-posts-single_featured h2 { margin: 15px 0 50px 0; } .nectar-recent-posts-single_featured .inner-wrap { width: 45%; } .vc_col-sm-9 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-8 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-6 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-10 .nectar-recent-posts-single_featured .inner-wrap { width: 60%; } .vc_col-sm-2 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-3 .nectar-recent-posts-single_featured .inner-wrap, .vc_col-sm-4 .nectar-recent-posts-single_featured .inner-wrap { width: 80%; } .nectar-recent-posts-single_featured .inner-wrap .strong a { padding: 4px 8px; display: inline-block; line-height: 20px; -webkit-transition: transform .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); transition: transform .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); } .nectar-recent-posts-single_featured .inner-wrap .strong a:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } .nectar-recent-posts-single_featured.multiple_featured .nectar-recent-post-slide:first-child { z-index: 20; } .nectar-recent-posts-single_featured.multiple_featured .recent-post-container { z-index: auto; } .nectar-recent-posts-single_featured.multiple_featured .recent-post-container h2 a > span { position: relative; display: inline-block; overflow: hidden; margin-bottom: -5px; } .nectar-recent-posts-single_featured.multiple_featured .recent-post-container h2 a > span span { position: relative; display: block; -webkit-transform: translate3d(0, 102%, 0); transform: translate3d(0,102%, 0); } .nectar-recent-posts-single_featured.multiple_featured .nectar-button { transition: none; } .nectar-recent-posts-single_featured.multiple_featured .active .grav-wrap, .nectar-recent-posts-single_featured.multiple_featured .active .recent-post-container h2 a > span span, .nectar-recent-posts-single_featured.multiple_featured .active .nectar-button { transition: opacity .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, transform .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); } .nectar-recent-posts-single_featured.multiple_featured .grav-wrap, .nectar-recent-posts-single_featured.multiple_featured .nectar-button { opacity: 0; transform: translateY(40px); } .nectar-recent-posts-single_featured.multiple_featured .active .grav-wrap, .nectar-recent-posts-single_featured.multiple_featured .active .nectar-button { opacity: 1; transform: translateY(0px); } .nectar-recent-posts-single_featured.multiple_featured .active .recent-post-container h2 a > span span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .nectar-recent-posts-single_featured.multiple_featured > .container { position: absolute; top: 50%; left: 50%; right: 0; transform: translateY(-50%) translateX(-50%); z-index: 20; text-align: right; pointer-events: none; } .nectar-recent-posts-single_featured.multiple_featured > .container .controls { display: inline-block; text-align: left; width: 200px; pointer-events: auto; } @media only screen and (min-width: 1000px) { .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] > .container .controls { display: block; text-align: left; width: auto; margin-left: 0; pointer-events: auto; } .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] > .container { top: auto; right: 0; left: 0; bottom: 0; text-align: left; transform: none; } .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls li { display: inline-block; } .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .nectar-recent-post-slide .container { margin-bottom: 75px; } .full-width-content .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="2"] li { width: 25%; margin-right: 25%; } .full-width-content .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="3"] li { width: 20%; margin-right: 18%; } .full-width-content .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="4"] li { width: 17.9%; margin-right: 6.9%; } .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="2"] li { width: 25%; margin-right: 25%; } .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="3"] li { width: 20%; margin-right: 20%; } .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls[data-num="4"] li { width: 18%; margin-right: 9%; } .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls li:last-child, .full-width-content .nectar-recent-posts-single_featured.multiple_featured[data-nav-location="bottom"] .controls li:last-child { margin-right: 0; } } @media only screen and (max-width: 999px) { .nectar-recent-posts-single_featured.multiple_featured .nectar-recent-post-slide .container { margin-bottom: 30px; } } .nectar-recent-posts-single_featured.multiple_featured .controls li:after, .nectar-recent-posts-single_featured.multiple_featured .controls li:before, .nectar-recent-posts-single_featured.multiple_featured .controls li .color-bar, .nectar-recent-posts-single_featured.multiple_featured .controls li .color-bar:after { display: block; content: ''; position: absolute; bottom: 0; width: 100%; background-color: rgba(255,255,255,0.2); height: 2px; left: 0; } @media only screen and (min-width: 1000px) { body .nectar-recent-posts-single_featured.multiple_featured .controls .active:before { background-color: rgba(255,255,255,0.2); } } .nectar-recent-posts-single_featured.multiple_featured .controls li:after { transform: scaleX(0); transform-origin: right; transition: transform 1s cubic-bezier(0.4, 0, 0.1, 1); } .nectar-recent-posts-single_featured[data-autorotate="3000"] .controls .active:after { transition: transform 2950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="4000"] .controls .active:after { transition: transform 3950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="5000"] .controls .active:after { transition: transform 4950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="6000"] .controls .active:after { transition: transform 5950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="7000"] .controls .active:after { transition: transform 6950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="8000"] .controls .active:after { transition: transform 7950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="9000"] .controls .active:after { transition: transform 8950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="10000"] .controls .active:after { transition: transform 9950ms linear; } .nectar-recent-posts-single_featured[data-autorotate="11000"] .controls .active:after { transition: transform 10950ms linear; } .nectar-recent-posts-single_featured.multiple_featured .controls .trans-out:after { transition: none; } .nectar-recent-posts-single_featured.multiple_featured .controls .active:after { transform: scaleX(1); transform-origin: left; } .nectar-recent-posts-single_featured.multiple_featured .controls .active .title, .nectar-recent-posts-single_featured.multiple_featured .controls li:hover .title { opacity: 1; } .nectar-recent-posts-single_featured.multiple_featured .controls li { margin: 50px 0px; padding: 10px 0; position: relative; cursor: pointer; display: block; } .nectar-recent-posts-single_featured.multiple_featured .controls li .title { transition: opacity .2s ease; opacity: 0.65; line-height: 22px; font-size: 16px; display: block; } body[data-button-style*="slightly_rounded"] .nectar-recent-posts-single_featured .inner-wrap .strong a { border-radius: 5px; } body[data-button-style^="rounded"] .nectar-recent-posts-single_featured .inner-wrap .strong a { border-radius: 50px; padding: 4px 12px; } .nectar-recent-posts-slider h2 a, .nectar-recent-posts-slider_multiple_visible h3 a, .nectar-recent-posts-slider_multiple_visible .recent-post-container.container .strong a { color: #fff; } .nectar-recent-posts-single_featured .grav-wrap .text, [data-style="list_featured_first_row"] .grav-wrap .text { display: inline-block; font-size: 16px; line-height: 20px; } .nectar-recent-posts-single_featured .grav-wrap .text a { position: relative; } .nectar-recent-posts-single_featured .grav-wrap .text a:before { background-color: #fff; } .nectar-recent-posts-single_featured h2, .nectar-recent-posts-single_featured a, .nectar-recent-posts-single_featured .controls li, .nectar-recent-posts-single_featured .inner-wrap { color: #fff; } .blog-recent[data-style="list_featured_first_row"] a.small { width: 80px; height: 100%; margin-right: 30px; line-height: 0; position: relative; } .blog-recent[data-style="list_featured_first_row"] .meta-category { position: relative; z-index: 30; } .blog-recent[data-style="list_featured_first_row"] a.small img, .blog-recent[data-style="list_featured_first_row"] .col:not(.has-post-thumbnail) a.small { border-radius: 5px; -webkit-transition: all .7s cubic-bezier(.2,1,.22,1); transition: all .7s cubic-bezier(.2,1,.22,1); } .blog-recent[data-style="list_featured_first_row"] .col:not(.has-post-thumbnail) a.small { background-color: rgba(0,0,0,0.35); border-radius: 5px; } .span_12.light .blog-recent[data-style="list_featured_first_row"] .excerpt { opacity: 0.7; } .blog-recent[data-style="list_featured_first_row"] .full-post-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 20; } .blog-recent[data-style="list_featured_first_row"] .col.span_3 a.small { width: 60px; height: 60px; } .blog-recent[data-style="list_featured_first_row"] .col.span_4 a.small, .blog-recent[data-style="list_featured_first_row"] .col.span_6 a.small { width: 80px; height: 80px; } @media only screen and (min-width: 1300px) { .blog-recent[data-style="list_featured_first_row"] .col.span_6 a.small { width: 100px; height: 100px; } } .vc_col-sm-9 .blog-recent[data-style="list_featured_first_row"] .col.span_4 a.small, .vc_col-sm-8 .blog-recent[data-style="list_featured_first_row"] .col.span_4 a.small, .vc_col-sm-6 .blog-recent[data-style="list_featured_first_row"] .col.span_4 a.small { width: 65px; height: 65px; margin-right: 22px; } .vc_col-sm-9 .blog-recent[data-style="list_featured_first_row"] .col.span_4 .post-header.small, .vc_col-sm-8 .blog-recent[data-style="list_featured_first_row"] .col.span_4 .post-header.small, .vc_col-sm-6 .blog-recent[data-style="list_featured_first_row"] .col.span_4 .post-header.small { padding-right: 0px; } .blog-recent[data-style="list_featured_first_row"] .col:not(.has-post-thumbnail) a.small:after { display: block; width: 20px; height: 20px; border-radius: 5px; text-align: center; margin-right: 3%; position: absolute; left: 50%; top: 50%; color: #fff; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); font: normal normal normal 18px/20px FontAwesome; content: "\f03e"; text-rendering: auto; -webkit-font-smoothing: antialiased; } @media only screen and (min-width: 1000px) { .blog-recent[data-style="list_featured_first_row"] .col.span_3 { width: 22.6%; margin-right: 3%; } .blog-recent[data-style="list_featured_first_row"] .col.span_4 { width: 31.2%; margin-right: 3%; } .blog-recent[data-style="list_featured_first_row"] .col.span_6 { width: 47.9%; margin-right: 4%; } .vc_col-sm-9 .blog-recent[data-style="list_featured_first_row"] .col.span_3, .vc_col-sm-8 .blog-recent[data-style="list_featured_first_row"] .col.span_3 { width: 22.3%; margin-right: 3.5%; } .vc_col-sm-9 .blog-recent[data-style="list_featured_first_row"] .col.span_4, .vc_col-sm-8 .blog-recent[data-style="list_featured_first_row"] .col.span_4 { width: 31%; margin-right: 3.4%; } .vc_col-sm-9 .blog-recent[data-style="list_featured_first_row"] .col.span_6, .vc_col-sm-8 .blog-recent[data-style="list_featured_first_row"] .col.span_6 { width: 48.1%; margin-right: 3.5%; } .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(1), .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(2), .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(3), .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(4), .blog-recent[data-style="list_featured_first_row"] > .col.span_4:nth-child(1), .blog-recent[data-style="list_featured_first_row"] > .col.span_4:nth-child(2), .blog-recent[data-style="list_featured_first_row"] > .col.span_4:nth-child(3), .blog-recent[data-style="list_featured_first_row"] > .col.span_6:nth-child(1), .blog-recent[data-style="list_featured_first_row"] > .col.span_6:nth-child(2) { align-self: flex-start; } } @media only screen and (max-width: 999px) { .row .blog-recent[data-style="list_featured_first_row"] .col { margin-right: 0; } } .blog-recent[data-style="list_featured_first_row"] { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; align-items: center; } @media only screen and (max-width: 999px) and (min-width: 690px) { .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(1), .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(2), .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(3), .blog-recent[data-style="list_featured_first_row"] > .col.span_3:nth-child(4) { vertical-align: top; } .blog-recent[data-style="list_featured_first_row"] .col.span_3 { width: 46.9%; margin-right: 6%; padding-right: 0; padding-left: 0; } .blog-recent[data-style="list_featured_first_row"] .col.span_3:nth-child(2n+2) { margin-right: 0; } } .blog-recent[data-style="list_featured_first_row"] .col { float: none; } .blog-recent[data-style="list_featured_first_row"] .featured span.post-featured-img { padding-bottom: 160%; background-position: center; background-size: cover; } .full-width-section .blog-recent[data-style="list_featured_first_row"] .featured > img { margin-bottom: 25px; } .blog-recent[data-style="list_featured_first_row"] .featured > img, .blog-recent[data-style="list_featured_first_row"] .featured span.post-featured-img { display: block; margin-bottom: 20px; max-width: none; width: 100%; border-radius: 5px; -webkit-transition: all .7s cubic-bezier(.2,1,.22,1); transition: all .7s cubic-bezier(.2,1,.22,1); } .blog-recent[data-style="list_featured_first_row"] .featured:hover > img, .blog-recent[data-style="list_featured_first_row"] a.small:hover > img, .blog-recent[data-style="list_featured_first_row"] .col:not(.has-post-thumbnail) a.small:hover, .blog-recent[data-style="list_featured_first_row"] .col:hover a > img, .blog-recent[data-style="list_featured_first_row"] .col:hover:not(.has-post-thumbnail) a.small, .blog-recent[data-style="list_featured_first_row"] .col:hover span.post-featured-img { -webkit-transform: translateY(-4px); transform: translateY(-4px); box-shadow: 0px 25px 60px rgba(0,0,0,0.17); } .blog-recent[data-style="list_featured_first_row"] a.small:hover > img { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .blog-recent[data-style="list_featured_first_row"] a.small:hover > img { box-shadow: 0px 13px 30px rgba(0,0,0,0.14); } .blog-recent[data-style="list_featured_first_row"] .col.span_4 .post-header.small, .blog-recent[data-style="list_featured_first_row"] .col.span_6 .post-header.small { padding-right: 30px; } .blog-recent[data-style="list_featured_first_row"] .post-header h3 a, .blog-recent[data-style="list_featured_first_row"] .post-header h5 a, .home .blog-recent[data-style="list_featured_first_row"] .col .post-header h3 a { color: inherit; } .blog-recent[data-style="list_featured_first_row"] .post-header.small { display: inline-block; margin-bottom: 0; vertical-align: middle; width: calc(100% - 120px); } @media only screen and (min-width: 1300px) { .blog-recent[data-style="list_featured_first_row"] .post-header.small { width: calc(100% - 140px); } } .blog-recent[data-style="list_featured_first_row"] .col.span_3 .post-header.small { width: calc(100% - 100px); } .blog-recent[data-style="list_featured_first_row"] a.small img { margin-bottom: 0; } [data-style="list_featured_first_row"] .meta-category a { margin-right: 10px; font-size: 14px; line-height: 18px; position: relative; } [data-style="list_featured_first_row"] .post-header.small .meta-category a { font-size: 13px; } .span_12.light [data-style="list_featured_first_row"] .meta-category a { color: #fff; transition: opacity 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); } .span_12.light [data-style="list_featured_first_row"] .meta-category a { opacity: 0.72; } .span_12.light [data-style="list_featured_first_row"] .meta-category a:hover { opacity: 1; } .span_12.light [data-style="list_featured_first_row"] .meta-category a:before { background-color: #fff; } .blog-recent[data-style*="classic_enhanced"] .inner-wrap { background-color: #fff; } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .inner-wrap { background-color: rgba(0,0,0,0.3); } /*no featured images present*/ .blog-recent[data-style="classic_enhanced"].no-thumbs .inner-wrap:not(.has-post-thumbnail) .article-content-wrap { position: relative; top: 0; -webkit-transform: none; transform: none; } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .article-content-wrap { background-color: transparent; } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] h3.title, .span_12.light .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] h3.title { color: #fff; } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .inner-wrap:not(.has-post-thumbnail) .meta-category a { color: rgba(255,255,255,0.6); } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .inner-wrap:not(.has-post-thumbnail) .meta-category a { border: 2px solid rgba(255,255,255,0.3); } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .post-meta a:hover i { color: #fff; } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .post-featured-img { overflow: hidden; } .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .post-meta { border-top: 1px solid rgba(255,255,255,0.06); } @media only screen and (min-width:1000px) { .blog-recent[data-style*="classic_enhanced"].columns-3 .span_4, .blog-recent[data-style="material"].columns-3 .span_4 { width: 31.2%; margin-right: 3%; margin-bottom: 3%; } } @media only screen and (min-width:1000px) { .blog-recent[data-style*="classic_enhanced"].columns-2 .span_6 { width: 48.2%; margin-right: 3%; margin-bottom: 3%; } } .blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a { z-index: 320; } .blog-recent[data-style*="classic_enhanced"] .inner-wrap { width: 100%; padding-bottom: 47px; } .full-width-section >.span_12.blog-recent[data-style="material"] .col { margin-bottom: 30px; } .blog-recent[data-style="material"] .inner-wrap { width: 100%; } .blog-recent[data-style*="classic_enhanced"], .blog-recent[data-style="material"] { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .blog-recent[data-style*="classic_enhanced"] >.col, .blog-recent[data-style="material"] >.col { display: -webkit-flex; display: flex; } .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap { background-color: #444; } .blog-recent[data-style*="classic_enhanced_alt"] .has-post-thumbnail .meta-category a, .blog-recent[data-style*="classic_enhanced_alt"] .meta-category a { position: relative; } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .article-content-wrap, body .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap:not(.has-post-thumbnail) .article-content-wrap { position: relative; background-color: transparent; left: 0; top: 0; -webkit-transform: none; transform: none; width: 100%; padding: 30% 17%; margin-top: 20px; z-index: 100; } .recent-posts .post-header a { color: #888; } .recent-posts .post-header a:hover { color: #27CFC3; } .recent-posts .post-header .title { margin-bottom: 1px; } .recent-posts .post-header .title a { color: #27CFC3; } .recent-posts .post-header .title a:hover { color: inherit; } .recent-posts article.post .post-header a { color: #999; } @media only screen and (min-width : 1px) and (max-width : 999px) { .blog-recent[data-style="title_only"] .post-header { transform: none; -webkit-transform: none; top: 0; } .nectar-recent-posts-single_featured.multiple_featured > .container .controls { width: auto; margin-left: 0; margin-bottom: 10px; } .nectar-recent-posts-single_featured.multiple_featured .controls li { display: inline-block; padding: 12px; margin: 6px; } .nectar-recent-posts-single_featured.multiple_featured .controls li:first-child { margin-left: -8px; ; } .nectar-recent-posts-single_featured.multiple_featured .controls li .title { display: none; } .nectar-recent-posts-single_featured.multiple_featured .controls li:after { display: none; } .nectar-recent-posts-single_featured.multiple_featured .controls li:before { height: 10px; width: 10px; top: 50%; bottom: auto; left: 50%; border-radius: 10px; transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease; } .nectar-recent-posts-single_featured.multiple_featured > .container { top: auto; text-align: left; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(-15%); transform: translateY(-15%); } .nectar-recent-posts-single_featured .inner-wrap { width: 80%; } } @media only screen and (max-width : 690px) { .nectar-recent-posts-single_featured.multiple_featured .recent-post-container { margin-bottom: 40px; } .nectar-recent-posts-single_featured .grav-wrap > a, .nectar-recent-posts-single_featured .grav-wrap .text > span { display: none; } body .nectar-recent-posts-single_featured .inner-wrap { width: 100%; } } @media only screen and (min-width : 690px) and (max-width : 999px) { .row .blog-recent[data-style="list_featured_first_row"].columns-3 .col:first-child span.post-featured-img { padding-bottom: 50%; } .row .blog-recent[data-style="list_featured_first_row"].columns-3 .col:not(:first-child), .row .blog-recent[data-style="list_featured_first_row"].columns-2 .col { width: 48%; margin-right: 4%; } .row .blog-recent[data-style="list_featured_first_row"].columns-3 .col:nth-child(2n+3), .row .blog-recent[data-style="list_featured_first_row"].columns-2 .col:nth-child(2n+2) { margin-right: 0; } .row .blog-recent[data-style="list_featured_first_row"].columns-3 .col:nth-child(2), .row .blog-recent[data-style="list_featured_first_row"].columns-3 .col:nth-child(3), .row .blog-recent[data-style="list_featured_first_row"].columns-2 .col:nth-child(1), .row .blog-recent[data-style="list_featured_first_row"].columns-2 .col:nth-child(2) { align-self: flex-start; } }