/** * bxSlider v4.2.5 * Copyright 2013-2015 Steven Wanderski * Written while drinking Belgian ales and listening to jazz * Licensed under MIT (http://opensource.org/licenses/MIT) */ .bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(//www.maharamindfulness.com/wp-content/plugins/beaver-builder-lite-version/img/bxslider/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(//www.maharamindfulness.com/wp-content/plugins/beaver-builder-lite-version/img/bxslider/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(//www.maharamindfulness.com/wp-content/plugins/beaver-builder-lite-version/img/bxslider/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//www.maharamindfulness.com/wp-content/plugins/beaver-builder-lite-version/img/bxslider/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//www.maharamindfulness.com/wp-content/plugins/beaver-builder-lite-version/img/bxslider/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.fl-builder-content *,.fl-builder-content *:before,.fl-builder-content *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.fl-row:before,.fl-row:after,.fl-row-content:before,.fl-row-content:after,.fl-col-group:before,.fl-col-group:after,.fl-col:before,.fl-col:after,.fl-module:before,.fl-module:after,.fl-module-content:before,.fl-module-content:after {display: table;content: " ";}.fl-row:after,.fl-row-content:after,.fl-col-group:after,.fl-col:after,.fl-module:after,.fl-module-content:after {clear: both;}.fl-clear {clear: both;}.fl-clearfix:before,.fl-clearfix:after {display: table;content: " ";}.fl-clearfix:after {clear: both;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}.fl-row,.fl-row-content {margin-left: auto;margin-right: auto;min-width: 0;}.fl-row-content-wrap {position: relative;}.fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {background-attachment: scroll;}.fl-row-bg-video,.fl-row-bg-video .fl-row-content,.fl-row-bg-embed,.fl-row-bg-embed .fl-row-content {position: relative;}.fl-row-bg-video .fl-bg-video,.fl-row-bg-embed .fl-bg-embed-code {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;}.fl-row-bg-video .fl-bg-video video,.fl-row-bg-embed .fl-bg-embed-code video {bottom: 0;left: 0px;max-width: none;position: absolute;right: 0;top: 0px;}.fl-row-bg-video .fl-bg-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;}.fl-row-bg-video .fl-bg-video iframe,.fl-row-bg-embed .fl-bg-embed-code iframe {pointer-events: none;width: 100vw;height: 56.25vw; max-width: none;min-height: 100vh;min-width: 177.77vh; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }.fl-bg-video-fallback {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;bottom: 0px;left: 0px;position: absolute;right: 0px;top: 0px;}.fl-row-bg-slideshow,.fl-row-bg-slideshow .fl-row-content {position: relative;}.fl-row .fl-bg-slideshow {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 0;}.fl-builder-edit .fl-row .fl-bg-slideshow * {bottom: 0;height: auto !important;left: 0;position: absolute !important;right: 0;top: 0;}.fl-row-bg-overlay .fl-row-content-wrap:after {border-radius: inherit;content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-row-bg-overlay .fl-row-content {position: relative;z-index: 1;}.fl-row-default-height .fl-row-content-wrap,.fl-row-custom-height .fl-row-content-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;min-height: 100vh;}.fl-row-overlap-top .fl-row-content-wrap {display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;}.fl-row-default-height .fl-row-content-wrap,.fl-row-custom-height .fl-row-content-wrap {min-height: 0;}.fl-row-default-height .fl-row-content,.fl-row-full-height .fl-row-content,.fl-row-custom-height .fl-row-content {-webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}.fl-row-default-height .fl-row-full-width.fl-row-content,.fl-row-full-height .fl-row-full-width.fl-row-content,.fl-row-custom-height .fl-row-full-width.fl-row-content {max-width: 100%;width: 100%;}.fl-row-default-height.fl-row-align-center .fl-row-content-wrap,.fl-row-full-height.fl-row-align-center .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {align-items: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-align: center;-ms-flex-pack: center;}.fl-row-default-height.fl-row-align-bottom .fl-row-content-wrap,.fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {align-items: flex-end;justify-content: flex-end;-webkit-align-items: flex-end;-webkit-justify-content: flex-end;-webkit-box-align: end;-webkit-box-pack: end;-ms-flex-align: end;-ms-flex-pack: end;}.fl-col-group-equal-height {display: flex;flex-wrap: wrap;width: 100%;}.fl-col-group-equal-height.fl-col-group-has-child-loading {flex-wrap: nowrap;}.fl-col-group-equal-height .fl-col,.fl-col-group-equal-height .fl-col-content {display: flex;flex: 1 1 auto;}.fl-col-group-equal-height .fl-col-content {flex-direction: column;flex-shrink: 1;min-width: 1px;max-width: 100%;width: 100%;}.fl-col-group-equal-height:before,.fl-col-group-equal-height .fl-col:before,.fl-col-group-equal-height .fl-col-content:before,.fl-col-group-equal-height:after,.fl-col-group-equal-height .fl-col:after,.fl-col-group-equal-height .fl-col-content:after{content: none;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {justify-content: flex-start;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {align-items: center;justify-content: center;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {justify-content: flex-end;}.fl-col-group-equal-height.fl-col-group-align-center .fl-module,.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {width: 100%;}.fl-col {float: left;min-height: 1px;}.fl-col-bg-overlay .fl-col-content {position: relative;}.fl-col-bg-overlay .fl-col-content:after {border-radius: inherit;content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-col-bg-overlay .fl-module {position: relative;z-index: 2;}.fl-module img {max-width: 100%;}.fl-builder-module-template {margin: 0 auto;max-width: 1100px;padding: 20px;}.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;font-size: 16px;font-weight: normal;line-height: 18px;padding: 12px 24px;text-decoration: none;text-shadow: none;}.fl-builder-content .fl-button:hover {text-decoration: none;}.fl-builder-content .fl-button:active {position: relative;top: 1px;}.fl-builder-content .fl-button-width-full .fl-button {display: block;text-align: center;}.fl-builder-content .fl-button-width-custom .fl-button {display: inline-block;text-align: center;max-width: 100%;}.fl-builder-content .fl-button-left {text-align: left;}.fl-builder-content .fl-button-center {text-align: center;}.fl-builder-content .fl-button-right {text-align: right;}.fl-builder-content .fl-button i {font-size: 1.3em;height: auto;margin-right:8px;vertical-align: middle;width: auto;}.fl-builder-content .fl-button i.fl-button-icon-after {margin-left: 8px;margin-right: 0;}.fl-builder-content .fl-button-has-icon .fl-button-text {vertical-align: middle;}.fl-icon-wrap {display: inline-block;}.fl-icon {display: table-cell;vertical-align: middle;}.fl-icon a {text-decoration: none;}.fl-icon i {float: right;height: auto;width: auto;}.fl-icon i:before {border: none !important;height: auto;width: auto;}.fl-icon-text {display: table-cell;text-align: left;padding-left: 15px;vertical-align: middle;}.fl-icon-text-empty {display: none;}.fl-icon-text *:last-child {margin: 0 !important;padding: 0 !important;}.fl-icon-text a {text-decoration: none;}.fl-icon-text span {display: block;}.fl-icon-text span.mce-edit-focus {min-width: 1px;}.fl-photo {line-height: 0;position: relative;}.fl-photo-align-left {text-align: left;}.fl-photo-align-center {text-align: center;}.fl-photo-align-right {text-align: right;}.fl-photo-content {display: inline-block;line-height: 0;position: relative;max-width: 100%;}.fl-photo-img-svg {width: 100%;}.fl-photo-content img {display: inline;height: auto;max-width: 100%;}.fl-photo-crop-circle img {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}.fl-photo-caption {font-size: 13px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;}.fl-photo-caption-below {padding-bottom: 20px;padding-top: 10px;}.fl-photo-caption-hover {background: rgba(0,0,0,0.7);bottom: 0;color: #fff;left: 0;opacity: 0;filter: alpha(opacity = 0);padding: 10px 15px;position: absolute;right: 0;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in;}.fl-photo-content:hover .fl-photo-caption-hover {opacity: 100;filter: alpha(opacity = 100);}.fl-builder-pagination,.fl-builder-pagination-load-more {padding: 40px 0;}.fl-builder-pagination ul.page-numbers {list-style: none;margin: 0;padding: 0;text-align: center;}.fl-builder-pagination li {display: inline-block;list-style: none;margin: 0;padding: 0;}.fl-builder-pagination li a.page-numbers,.fl-builder-pagination li span.page-numbers {border: 1px solid #e6e6e6;display: inline-block;padding: 5px 10px;margin: 0 0 5px;}.fl-builder-pagination li a.page-numbers:hover,.fl-builder-pagination li span.current {background: #f5f5f5;text-decoration: none;}.fl-slideshow,.fl-slideshow * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.fl-slideshow .fl-slideshow-image img {max-width: none !important;}.fl-slideshow-social {line-height: 0 !important;}.fl-slideshow-social * {margin: 0 !important;}.fl-builder-content .bx-wrapper .bx-viewport {background: transparent;border: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;left: 0;}.mfp-wrap button.mfp-arrow,.mfp-wrap button.mfp-arrow:active,.mfp-wrap button.mfp-arrow:hover,.mfp-wrap button.mfp-arrow:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 50%;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}.mfp-wrap .mfp-close,.mfp-wrap .mfp-close:active,.mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-close:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 0;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}.admin-bar .mfp-wrap .mfp-close,.admin-bar .mfp-wrap .mfp-close:active,.admin-bar .mfp-wrap .mfp-close:hover,.admin-bar .mfp-wrap .mfp-close:focus {top: 32px!important;}img.mfp-img {padding: 0;}.mfp-counter {display: none;}.mfp-wrap .mfp-preloader.fa {font-size: 30px;}.fl-form-field {margin-bottom: 15px;}.fl-form-field input.fl-form-error {border-color: #DD6420;}.fl-form-error-message {clear: both;color: #DD6420;display: none;padding-top: 8px;font-size: 12px;font-weight: lighter;}.fl-form-button-disabled {opacity: 0.5;}.fl-animation {opacity: 0;}.fl-builder-preview .fl-animation,.fl-builder-edit .fl-animation,.fl-animated {opacity: 1;}.fl-animated {animation-fill-mode: both;-webkit-animation-fill-mode: both;}.fl-button.fl-button-icon-animation i {width: 0 !important;opacity: 0;-ms-filter: "alpha(opacity=0)";transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}.fl-button.fl-button-icon-animation:hover i {opacity: 1! important;-ms-filter: "alpha(opacity=100)";}.fl-button.fl-button-icon-animation i.fl-button-icon-after {margin-left: 0px !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {margin-left: 10px !important;}.fl-button.fl-button-icon-animation i.fl-button-icon-before {margin-right: 0 !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {margin-right: 20px !important;margin-left: -10px;}.single:not(.woocommerce).single-fl-builder-template .fl-content {width: 100%;}.fl-builder-layer {position: absolute;top:0;left:0;right: 0;bottom: 0;z-index: 0;pointer-events: none;overflow: hidden;}.fl-builder-shape-layer {z-index: 0;}.fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 2;}.fl-row-has-layers .fl-row-content {z-index: 1;}.fl-row-bg-overlay .fl-row-content {z-index: 2;}.fl-builder-layer > * {display: block;position: absolute;top:0;left:0;width: 100%;}.fl-builder-layer + .fl-row-content {position: relative;}.fl-builder-layer .fl-shape {fill: #aaa;stroke: none;stroke-width: 0;width:100%;}@supports (-webkit-touch-callout: inherit) {.fl-row.fl-row-bg-parallax .fl-row-content-wrap,.fl-row.fl-row-bg-fixed .fl-row-content-wrap {background-position: center !important;background-attachment: scroll !important;}}@supports (-webkit-touch-callout: none) {.fl-row.fl-row-bg-fixed .fl-row-content-wrap {background-position: center !important;background-attachment: scroll !important;}}.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited {background: #fafafa;border: 1px solid #ccc;color: #333;}.fl-builder-content a.fl-button *,.fl-builder-content a.fl-button:visited * {color: #333;}@media (max-width: 1200px) {}@media (max-width: 992px) { .fl-col-group.fl-col-group-medium-reversed {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;flex-direction: row-reverse;} }@media (max-width: 768px) { .fl-row-content-wrap {background-attachment: scroll !important;}.fl-row-bg-parallax .fl-row-content-wrap {background-attachment: scroll !important;background-position: center center !important;}.fl-col-group.fl-col-group-equal-height {display: block;}.fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {display: -webkit-box;display: -webkit-flex;display: flex;}.fl-col-group.fl-col-group-responsive-reversed {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;flex-direction: row-reverse;}.fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) {flex-basis: 100%;width: 100% !important;}.fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) {display: unset;display: unset;-webkit-flex-wrap: unset;flex-wrap: unset;flex-direction: unset;}.fl-col {clear: both;float: none;margin-left: auto;margin-right: auto;width: auto !important;}.fl-col-small:not(.fl-col-small-full-width) {max-width: 400px;}.fl-block-col-resize {display:none;}.fl-row[data-node] .fl-row-content-wrap {margin: 0;padding-left: 0;padding-right: 0;}.fl-row[data-node] .fl-bg-video,.fl-row[data-node] .fl-bg-slideshow {left: 0;right: 0;}.fl-col[data-node] .fl-col-content {margin: 0;padding-left: 0;padding-right: 0;} }@media (min-width: 1201px) {html .fl-visible-large:not(.fl-visible-desktop),html .fl-visible-medium:not(.fl-visible-desktop),html .fl-visible-mobile:not(.fl-visible-desktop) {display: none;}}@media (min-width: 993px) and (max-width: 1200px) {html .fl-visible-desktop:not(.fl-visible-large),html .fl-visible-medium:not(.fl-visible-large),html .fl-visible-mobile:not(.fl-visible-large) {display: none;}}@media (min-width: 769px) and (max-width: 992px) {html .fl-visible-desktop:not(.fl-visible-medium),html .fl-visible-large:not(.fl-visible-medium),html .fl-visible-mobile:not(.fl-visible-medium) {display: none;}}@media (max-width: 768px) {html .fl-visible-desktop:not(.fl-visible-mobile),html .fl-visible-large:not(.fl-visible-mobile),html .fl-visible-medium:not(.fl-visible-mobile) {display: none;}}.fl-row-fixed-width {max-width: 1100px;}.fl-row-content-wrap {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;}.fl-col-content {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.fl-module-content, :where(.fl-module:not(:has(> .fl-module-content))) {margin-top: 20px;margin-right: 20px;margin-bottom: 20px;margin-left: 20px;}.page .fl-post-header, .single-fl-builder-template .fl-post-header { display:none; }.fl-node-5f5539204edff > .fl-row-content-wrap {background-color: #f6f3f0;border-color: #f6f3f0;border-top-width: 1px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;}.fl-node-5f5539204edff.fl-row-fixed-width, .fl-node-5f5539204edff .fl-row-fixed-width {max-width: 1092px;}.fl-builder-content .fl-node-5f2c02c028c67 h1,.fl-builder-content .fl-node-5f2c02c028c67 h2,.fl-builder-content .fl-node-5f2c02c028c67 h3,.fl-builder-content .fl-node-5f2c02c028c67 h4,.fl-builder-content .fl-node-5f2c02c028c67 h5,.fl-builder-content .fl-node-5f2c02c028c67 h6,.fl-builder-content .fl-node-5f2c02c028c67 h1 a,.fl-builder-content .fl-node-5f2c02c028c67 h2 a,.fl-builder-content .fl-node-5f2c02c028c67 h3 a,.fl-builder-content .fl-node-5f2c02c028c67 h4 a,.fl-builder-content .fl-node-5f2c02c028c67 h5 a,.fl-builder-content .fl-node-5f2c02c028c67 h6 a {color: #78829b;}.fl-node-5f2c02c028c67 > .fl-row-content-wrap {background-color: #f6f3f0;border-top-width: 1px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;}.fl-node-5f2c02c028c5d {width: 50%;}.fl-node-5f2c02c028c5d > .fl-col-content {border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;} .fl-node-5f2c02c028c5d > .fl-col-content {padding-bottom:20px;}.fl-node-5f553124a69e2 {width: 100%;}.fl-node-5f74ec4bd1a3c {width: 42.98%;}.fl-node-5f71edd51283e {width: 100%;}.fl-node-5f2c02c028c68 {width: 50%;}.fl-node-5f7295cf75eb7 {width: 57.02%;}.fl-builder-content .fl-rich-text strong {font-weight: bold;}body.rtl .fl-module-content-slider .bx-viewport {direction: ltr;}.fl-module-content-slider .bx-wrapper {margin: 0 auto 40px;}.fl-content-slider {position: relative;}.fl-content-slider .fl-slide {backface-visibility: hidden;-webkit-backface-visibility: hidden;position: absolute;top: 0;visibility: hidden;}.fl-content-slider-wrapper .fl-slide:first-child,.fl-content-slider-loaded .fl-slide {position: relative;visibility: visible;}.bx-wrapper .bx-controls-direction a {z-index: 99;}.fl-content-slider .fl-slide-bg-photo {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 1;}.fl-content-slider .fl-slide-bg-photo-img {display: none;}.fl-content-slider .fl-slide-bg-link {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 1;}.fl-slide-photo {position: relative;text-align: center;z-index: 2;}.fl-slide-text-left .fl-slide-photo-wrap {float: right;}.fl-slide-text-center .fl-slide-photo-wrap {text-align: center;}.fl-slide-text-center .fl-slide-photo-wrap img {margin: 0 auto;}.fl-slide-text-right .fl-slide-photo-wrap {float: left;}.fl-slide-mobile-photo {display: none;}.fl-slide-mobile-photo-img{width: 100%;}.fl-slide-content {position: relative;z-index: 2;}.fl-slide-text-left .fl-slide-content-wrap {float: left;text-align: left;}.fl-slide-text-center .fl-slide-content-wrap {margin: 0 auto;text-align: center;}.fl-slide-text-right .fl-slide-content-wrap {float: right;text-align: left;}.fl-slide-title,.fl-slide-text > * {line-height: 1.4;margin: 0 0 20px !important;padding: 0 !important;}.fl-slide-text > *:last-child {margin: 0 !important;}.fl-slide-cta-button {padding-top: 24px;}.fl-content-slider-navigation{position: absolute;top: 50%;left: 0;right: 0;z-index: 1;margin-top: -16px;}.fl-content-slider-navigation a{position: absolute;display: inline-block;opacity: .7;}.fl-content-slider-navigation a:hover{ opacity: 1; }.fl-content-slider-navigation .slider-prev{ left: 5px; }.fl-content-slider-navigation .slider-next{ right: 5px; }.fl-content-slider-navigation .fl-content-slider-svg-container{position: relative;width: 32px;height: 32px;}.fl-content-slider-navigation svg{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}.fl-content-slider-navigation path{ fill: #fff;}.fl-content-slider-navigation a.disabled,.bx-controls a.disabled {pointer-events: none;}.bx-wrapper .bx-controls:not(.bx-has-pager) {height: 30px;}.bx-wrapper .bx-controls:not(.bx-has-pager) .bx-controls-auto {bottom: 0;}.fl-builder-ie-11 .fl-content-slider-navigation {z-index: 55;}@media (max-width: 768px) { .fl-content-slider,.fl-content-slider .fl-slide {min-height: 0 !important;}.fl-content-slider .fl-slide-bg-photo {background-image: none;position: static;}.fl-content-slider .fl-slide-bg-photo a {position: static;}.fl-content-slider .fl-slide-bg-photo-img {border: none;display: block;padding: 0;}.fl-slide-photo-wrap {display: none;}.fl-slide-mobile-photo {display: block;}.fl-slide-text-left .fl-slide-content-wrap,.fl-slide-text-right .fl-slide-content-wrap {float: none;text-align: center;}.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-content-wrap,.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-content {min-height: 0;width: auto;}.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-content {margin: 0 !important;padding: 30px;}.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-title {font-size: 26px !important;line-height: 38px !important;}.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text,.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * {font-size: 14px !important;line-height: 22px !important;}.fl-builder-content .fl-module-content-slider .fl-slide a.fl-button {padding: 10px 20px !important;} }.fl-node-5f74ec4bd1929 .fl-content-slider,.fl-node-5f74ec4bd1929 .fl-slide {min-height: 800px;}.fl-node-5f74ec4bd1929 .fl-slide-foreground {margin: 0 auto;max-width: 100px;}.fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-bg-photo{ background-image: url(https://www.maharamindfulness.com/wp-content/uploads/2020/09/Ourstory1zjpg-2.png);}.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-text * { color: #ffffff; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-text strong { color: inherit; }@media (max-width: 768px) { .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-text * { color: #ffffff; }.fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-text strong { color: inherit; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-content { background-color: #333333; }.fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-title, .fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-text { text-shadow: none; } }.fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-bg-photo{ background-image: url(https://www.maharamindfulness.com/wp-content/uploads/2020/09/Ourstory2z-2.png);}.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-text * { color: #ffffff; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-text strong { color: inherit; }@media (max-width: 768px) { .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-text * { color: #ffffff; }.fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-text strong { color: inherit; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-content { background-color: #333333; }.fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-title, .fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-text { text-shadow: none; } }.fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-bg-photo{ background-image: url(https://www.maharamindfulness.com/wp-content/uploads/2020/09/Ourstory4z-2.png);}.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-text * { color: #ffffff; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-text strong { color: inherit; }@media (max-width: 768px) { .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-text * { color: #ffffff; }.fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-text strong { color: inherit; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-content { background-color: #333333; }.fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-title, .fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-text { text-shadow: none; } }.fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-bg-photo{ background-image: url(https://www.maharamindfulness.com/wp-content/uploads/2020/09/Ourstory3z-2.png);}.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-text * { color: #ffffff; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-text strong { color: inherit; }@media (max-width: 768px) { .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-text * { color: #ffffff; }.fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-text strong { color: inherit; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-content { background-color: #333333; }.fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-title, .fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-text { text-shadow: none; } }.fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-bg-photo{ background-image: url(https://www.maharamindfulness.com/wp-content/uploads/2020/09/Ourstory5z-2.png);}.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-text * { color: #ffffff; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-text strong { color: inherit; }@media (max-width: 768px) { .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-text * { color: #ffffff; }.fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-text strong { color: inherit; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-content { background-color: #333333; }.fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-title, .fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-text { text-shadow: none; } }.fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-bg-photo{ background-image: url(https://www.maharamindfulness.com/wp-content/uploads/2020/09/20200819-1260EDITED.png);}.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-text * { color: #ffffff; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-text strong { color: inherit; }@media (max-width: 768px) { .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-title, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-text, .fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-text * { color: #ffffff; }.fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-text strong { color: inherit; }.fl-builder-content .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-content { background-color: #333333; }.fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-title, .fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-text { text-shadow: none; } }.fl-node-5f74ec4bd1929 .fl-slide-0 .fl-slide-bg-photo:after {content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.fl-node-5f74ec4bd1929 .fl-slide-1 .fl-slide-bg-photo:after {content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.fl-node-5f74ec4bd1929 .fl-slide-2 .fl-slide-bg-photo:after {content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.fl-node-5f74ec4bd1929 .fl-slide-3 .fl-slide-bg-photo:after {content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.fl-node-5f74ec4bd1929 .fl-slide-4 .fl-slide-bg-photo:after {content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.fl-node-5f74ec4bd1929 .fl-slide-5 .fl-slide-bg-photo:after {content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}body a.fl-callout-title-link {text-decoration: none;}body h1.fl-callout-title,body h2.fl-callout-title,body h3.fl-callout-title,body h4.fl-callout-title,body h5.fl-callout-title,body h6.fl-callout-title {margin: 0;padding: 0 0 10px 0;}.fl-callout-text p {margin: 0 !important;padding: 0 0 10px 0 !important;}.fl-callout-button {padding: 10px 0 0 0;}.fl-callout-cta-link {display: block;}.fl-callout-icon-above-title .fl-icon {display: block;margin-bottom: 20px;}.fl-callout-icon-below-title .fl-icon {display: block;margin: 10px 0 15px;}.fl-callout-icon-above-title .fl-icon i,.fl-callout-icon-below-title .fl-icon i {display: inline-block;float: none;}.fl-callout-icon-left-title .fl-callout-title,.fl-callout-icon-right-title .fl-callout-title {display: inline-block;}.fl-callout-icon-left-title .fl-callout-title span,.fl-callout-icon-right-title .fl-callout-title span {display: table-cell;vertical-align: middle;}.fl-callout-icon-left-title .fl-icon {padding-right: 15px;}.fl-callout-icon-right-title .fl-icon {padding-left: 15px;}.fl-callout-icon-left,.fl-callout-icon-right {display: table;}.fl-callout-icon-left .fl-icon,.fl-callout-icon-left-text .fl-icon {display: table-cell;vertical-align: top;padding-right: 15px;}.fl-callout-icon-right .fl-icon,.fl-callout-icon-right-text .fl-icon {display: table-cell;vertical-align: top;padding-left: 15px;}.fl-callout-icon-left .fl-callout-content,.fl-callout-icon-right .fl-callout-content,.fl-callout-icon-left-text .fl-callout-text-wrap,.fl-callout-icon-right-text .fl-callout-text-wrap {display: table-cell;}.fl-callout-photo-above-title .fl-photo {margin-bottom: 15px;}.fl-callout-photo-below-title .fl-photo {margin-bottom: 15px;margin-top: 5px;}.fl-callout-photo-left {display: table;table-layout: fixed;width: 100%;}.fl-callout-photo-left .fl-callout-photo,.fl-callout-photo-left-text .fl-callout-photo {display: table-cell;padding-right: 30px;width: 50%;vertical-align: top;}.fl-callout-photo-left .fl-callout-content,.fl-callout-photo-left-text .fl-callout-text-wrap {display: table-cell;width: 50%;vertical-align: middle;}.fl-callout-photo-right {display: table;table-layout: fixed;width: 100%;}.fl-callout-photo-right .fl-callout-photo,.fl-callout-photo-right-text .fl-callout-photo {display: table-cell;padding-left: 30px;width: 50%;vertical-align: top;}.fl-callout-photo-right .fl-callout-content,.fl-callout-photo-right-text .fl-callout-text-wrap {display: table-cell;width: 50%;vertical-align: middle;}.fl-module-callout .fl-module-content {overflow: hidden;}@media (max-width: 768px) { .fl-callout-photo-left,.fl-callout-photo-right {display: block;}.fl-callout-photo-left .fl-callout-photo,.fl-callout-photo-left-text .fl-callout-photo {display: block;margin-bottom: 15px;padding-left: 0;padding-right: 0;width: auto;}.fl-callout-photo-right .fl-callout-photo,.fl-callout-photo-right-text .fl-callout-photo {display: block;margin-top: 25px;padding-left: 0;padding-right: 0;width: auto;}.fl-callout-photo-left .fl-callout-content,.fl-callout-photo-left-text .fl-callout-content,.fl-callout-photo-right .fl-callout-content,.fl-callout-photo-right-text .fl-callout-content {display: block;width: auto;} }.fl-node-5f2c02c028c66 .fl-callout {text-align: center;}.fl-node-5f2c02c028c66 .fl-callout-icon-left, .fl-node-5f2c02c028c66 .fl-callout-icon-right {float: none;}.fl-node-5f2c02c028c66 .fl-photo-content, .fl-node-5f2c02c028c66 .fl-photo-img {width: 1000px;}@media(max-width: 992px) {.fl-node-5f2c02c028c66 .fl-callout-icon-left, .fl-node-5f2c02c028c66 .fl-callout-icon-right {float: none;}}@media(max-width: 768px) {.fl-node-5f2c02c028c66 .fl-callout-icon-left, .fl-node-5f2c02c028c66 .fl-callout-icon-right {float: none;}} .fl-node-5f2c02c028c66 > .fl-module-content {margin-bottom:0px;}.fl-node-5f2c02c028c60 .fl-callout {text-align: center;}.fl-node-5f2c02c028c60 .fl-callout-icon-left, .fl-node-5f2c02c028c60 .fl-callout-icon-right {float: none;}@media(max-width: 992px) {.fl-node-5f2c02c028c60 .fl-callout-icon-left, .fl-node-5f2c02c028c60 .fl-callout-icon-right {float: none;}}@media(max-width: 768px) {.fl-node-5f2c02c028c60 .fl-callout-icon-left, .fl-node-5f2c02c028c60 .fl-callout-icon-right {float: none;}} .fl-node-5f2c02c028c60 > .fl-module-content {margin-bottom:0px;} .fl-node-5f2c02c028c5e > .fl-module-content {margin-top:0px;margin-right:30px;margin-left:30px;}@media (max-width: 768px) { .fl-node-5f2c02c028c5e > .fl-module-content { margin-left:20px;margin-right:20px; } } .fl-node-5f2c02c028c69 > .fl-module-content {margin-top:0px;margin-right:30px;margin-left:30px;}@media (max-width: 768px) { .fl-node-5f2c02c028c69 > .fl-module-content { margin-left:20px;margin-right:20px; } } .fl-node-5f553124a176c > .fl-module-content {margin-top:-9px;margin-bottom:-9px;}@media (max-width: 768px) { .fl-node-5f553124a176c > .fl-module-content { margin-top:20px;margin-bottom:20px; } }.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }.mc4wp-form input[name^=_mc4wp_honey]{display:none!important}.mc4wp-form-basic{margin:1em 0}.mc4wp-form-basic label,.mc4wp-form-basic input{box-sizing:border-box;cursor:auto;vertical-align:baseline;width:auto;height:auto;line-height:normal;display:block}.mc4wp-form-basic label:after,.mc4wp-form-basic input:after{content:"";clear:both;display:table}.mc4wp-form-basic label{margin-bottom:6px;font-weight:700;display:block}.mc4wp-form-basic input[type=text],.mc4wp-form-basic input[type=email],.mc4wp-form-basic input[type=tel],.mc4wp-form-basic input[type=url],.mc4wp-form-basic input[type=date],.mc4wp-form-basic textarea,.mc4wp-form-basic select{width:100%;max-width:480px;min-height:32px}.mc4wp-form-basic input[type=number]{min-width:40px}.mc4wp-form-basic input[type=checkbox],.mc4wp-form-basic input[type=radio]{border:0;width:13px;height:13px;margin:0 6px 0 0;padding:0;display:inline-block;position:relative}.mc4wp-form-basic input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}.mc4wp-form-basic input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.mc4wp-form-basic input[type=submit],.mc4wp-form-basic button,.mc4wp-form-basic input[type=button]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block}.mc4wp-form-basic label>span,.mc4wp-form-basic li>label{font-weight:400}.mc4wp-alert{color:#c09853;clear:both}.mc4wp-success{color:#468847}.mc4wp-notice{color:#3a87ad}.mc4wp-error{color:#cd5c5c}.rtl .mc4wp-form-basic input[type=checkbox],.rtl .mc4wp-form-basic input[type=radio]{margin:0 0 0 6px}/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}/* =========================================================================== */ /* - Typography - Inputs - Top Bar - Main Header --- Responsive Header --- Sticky Header --- Simple Sticky Header --- Anemos Sticky Header --- Responsive Sticky Header --- Side Header - Logo - Main Menu --- Main Menu Types --- Mega Menu --- Responsive Menu --- Slide or Toggle Menu - Header Elements - Responsive Header Elements - Page Title & Feature Section --- Page Title & Feature Section Positions --- Page Title & Feature Section Content Wrapper --- Feature Section Buttons --- Feature Section Graphic --- Feature Animation Content - Title Line Divider - Single Post --- Single Post Title --- Single Post Media --- Single Post Default Meta --- Single Post Sticky Meta --- Single Post Categories --- Single Post Tags --- Single Post Sticky Navigation --- Single Post Default Navigation --- Single Post Sticky Socials --- Single Post Default Socials --- Single Post Author --- Single Post Related --- Single Post Responsive Related --- Single Post Comments --- Single Post Comment Form --- Single Post Quote & Link Format - Pagination - Breadcrumbs - Page With Sidebar - Hidden Area ( Side Area & Responsive Menu ) - Close Button - Page Modal --- Search Modal --- Socials Modal --- Language Modal --- Login Modal - Contact Form Styles --- NewsLetter Style - Anchor Menu - Main Content - Bottom Bar - Footer --- Footer Bar - Background Image - Background Image Sizes - Background Video - Background Overlay - Page Overlay - Hover Overlay - Hover Zoom Effect - Main Loader - Zoom Effect - Go to Section - Back to Top - Header Back to Top - Basic Shapes ( Round - Extra Round - Circle ) - Euthemians Icon Library - Video Icon - Magnific Popup - Animations - Full Page - Grid Settings --- Section Settings --- Row Settings --- Columns --- Columns Gap --- Grid Responsive - GDPR Privacy --- GDPR Privacy Popup --- GDPR Privacy Switcher */ /* =========================================================================== */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } html, body { overflow-x: hidden; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /** * 2.0 - Basic Typography * ---------------------------------------------------------------------------- */ html { font-size: 16px; } @media only screen and (max-width: 1200px) { html { font-size: 10px; } } @media only screen and (max-width: 767px) { html { font-size: 8px; } } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } p { position: relative; margin-bottom: 30px; } p:last-child { margin-bottom: 0; } p:empty { display: none; } p.eut-pull-left, p.eut-pull-right { position: relative; width: 40%; margin-bottom: 0; font-size: 14px; line-height: 30px; opacity: 0.7; } p.eut-pull-left { position: relative; float: left; margin-left: -30px; padding: 30px 30px 30px 0; } p.eut-pull-right { position: relative; float: right; margin-right: -30px; padding: 30px 0 30px 30px; } @media only screen and (max-width: 767px) { p.eut-pull-left, p.eut-pull-right { float: none; margin: 0 0 30px 0; width: 100%; padding: 0; } } p.eut-dropcap:first-letter { float: left; font-size: 3.889em; padding: 0px 18px 0px 0px; margin-bottom: 0; } /* Links */ a { text-decoration: none; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } a:hover, a:focus, a:visited { text-decoration: none; } /* More Link*/ .more-link { display: block; margin-top: 10px; } /* List */ ul { list-style: disc; } ul ul { list-style-type: circle; } ol { list-style: decimal; } ul, ol { margin-bottom: 28px; margin-left:20px; } li > ul, li > ol { margin-bottom: 0; margin-left:20px; } /* Blockquote */ blockquote { margin-bottom: 3.313rem; } p + blockquote { margin-top: 3.313rem; } hr + blockquote { margin-top: 2.813rem } blockquote > p:before { font-family: Georgia, "Times New Roman", Times, serif; content: "\201C"; line-height: 0; vertical-align: -0.200em; margin-right: 0.100em; margin-left: -0.400em; font-size: 1.667em; } .eut-quote-text, blockquote p { line-height: 1.6; font-size: 1.667em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } /* Other elements */ cite, em, var, address, dfn { font-style: italic; } address { margin-bottom: 30px; } dl { margin-bottom: 30px; } dt { font-family: inherit; } dd { padding-left: 15px; } .sticky { position: relative; } .bypostauthor { position: relative; } code, kbd, tt, var, samp, pre { font-family: "Courier New", Courier, monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { display: block; clear: both; overflow: auto; padding: 20px; white-space: pre; overflow-x: auto; height: auto; margin: 30px 0; color: #525455; background-color: #EDF0F3; background-color: rgba(225,227,229,0.25); } sup{ vertical-align: super; font-size: smaller; } sub{ vertical-align: sub; font-size: smaller; } strong { font-weight: bold; } cite, code { letter-spacing: 0.300em; } /** * 3.0 - Aligns * ---------------------------------------------------------------------------- */ .eut-align-left { text-align: left; } .eut-align-right { text-align: right; } .eut-align-center { text-align: center; } .alignleft, img.alignleft { float: left; margin: 0.571em 2.143em 1.875em 0px; } .alignright, img.alignright { float: right; margin: 0.571em 0 1.875em 2.143em; } .aligncenter, img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } img.eut-pull-left { float: left; margin-left: -30px; padding: 15px 0; } img.eut-pull-right { float: right; margin-right: -30px; padding: 15px 0; } /** * Inputs * ---------------------------------------------------------------------------- */ .input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], input[type="search"], textarea, select { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0); box-shadow: inset 0 0 0 0 rgba(0,0,0,0); position: relative; z-index: 2; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, textarea:focus { outline: none; } fieldset { } legend { white-space: normal; } /** * Buttons * ---------------------------------------------------------------------------- */ input[type=submit] { -webkit-appearance: none; } input[type="submit"], .eut-btn { display: inline-block; border: none; cursor: pointer; } /** * 10.0 - Tables * ---------------------------------------------------------------------------- */ table { width: 100%; margin-bottom: 30px; border: 1px solid; border-collapse: collapse; cursor: default; } tr { -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; border-bottom: 1px solid; } td, th { padding: 10px 20px 10px 20px; line-height: 1.5; border-right: 1px solid; text-align: center; } th:last-child { border: none; } /* Responsive images. */ img { -ms-interpolation-mode: bicubic; border: 0; max-width: 100%; height: auto; } .comment-content img, .entry-content img, .entry-summary img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; display: block; } .size-full, .size-large, .size-medium, .size-thumbnail, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Embeds and iframes */ embed, iframe, object, video { max-width: 100%; display: block; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Image Captions*/ .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { display: block; font-size: 0.8em; opacity: 0.54; font-style: italic; margin: 0 auto; padding-top: 15px; text-align: left; line-height: 1.5; margin-bottom: 30px; } .wp-smiley { margin: 0 !important; max-height: 1em; } .mejs-controls .mejs-button button { cursor: pointer; display: block; text-decoration: none; margin: 10px 5px !important; padding: 0 !important; position: absolute !important; height: 20px !important; width: 20px !important; border: 0 !important; line-height: 16px; text-indent: 2px; background-color: transparent !important; } /* Gallery */ .gallery { margin: 0 -15px !important; } .gallery dl { margin-top: 0 !important; } .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img { width: 100%; max-width: 100%; height: auto; max-height: 100%; padding: 0 15px; border: none !important; } .gallery-caption { padding-left: 15px; padding-right: 15px; } /* Visibility & Accessibility ============================================================================= */ .eut-hidden { display: none; } .eut-structured-data { display: none; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Aligns & Float ============================================================================= */ .eut-vertical-top { vertical-align: top; } .eut-vertical-middle { vertical-align: middle; } .eut-vertical-bottom { vertical-align: bottom; } .eut-float-left { float: left; } .eut-float-right { float: right; } .eut-float-none { float: none; } /* Positions ============================================================================= */ .eut-position-left { float: left; } .eut-position-right { float: right; } .eut-position-center { float: left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 1; } .eut-position-center .eut-wrapper { display: inline-block; vertical-align: top; } /* With Scroll ============================================================================= */ .eut-with-scroll { overflow-y: hidden; } /* Margins & Paddings ============================================================================= */ .eut-margin-top-sm { margin-top: 2.500rem; } .eut-margin-bottom-sm { margin-bottom: 2.500rem; } .eut-margin-top-md { margin-top: 5.000rem; } .eut-margin-bottom-md { margin-bottom: 5.000rem; } .eut-padding-top-sm { padding-top: 2.500rem; } .eut-padding-bottom-sm { padding-bottom: 2.500rem; } .eut-padding-top-md { padding-top: 5.000rem; } .eut-padding-bottom-md { padding-bottom: 5.000rem; } /* Borders ============================================================================= */ .eut-border-top { border-top: 1px solid; } .eut-border-bottom { border-bottom: 1px solid; } .eut-border-left { border-left: 1px solid; } .eut-border-right { border-right: 1px solid; } /* ============================================================================= Special Styles ============================================================================= */ .eut-circle-arrow:before { content: '\e901'; font-family: 'euthemians'; display: inline-block; vertical-align: middle; margin-top: -1px; } /* ============================================================================= - Typography ============================================================================= */ h1,h2,h3,h4,h5,h6, .eut-h1, .eut-h2, .eut-h3, .eut-h4, .eut-h5, .eut-h6, .eut-subtitle, .eut-subtitle-text { margin-bottom: 0.692em; } .eut-small-title { font-size: 18px; line-height: 24px; } .eut-small-text { line-height: 1.2; } .eut-list-divider { font-size: 0; } .eut-list-divider li { margin: 0 !important; display: inline-block; vertical-align: middle; } .eut-list-divider li:after { content: '/'; margin: 0 0.455em; opacity: 0.5; } .eut-list-divider li:last-child:after { display: none; } #eut-content .alignfull, #eut-content .alignwide { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; width: auto; } @media only screen and ( min-width: 1024px ) { #eut-content .alignwide { margin-left : -12%; margin-right : -12%; max-width : none; } #eut-content.eut-left-sidebar .alignwide { margin-left : 0; margin-right : -12%; } #eut-content.eut-right-sidebar .alignwide { margin-left : -12%; margin-right : 0; } #eut-content.eut-left-sidebar .alignfull { margin-left : 0; margin-right : calc( -100vw / 2 + 100% / 2 ); } #eut-content.eut-right-sidebar .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : 0; } } /* ============================================================================= - Inputs ============================================================================= */ #eut-theme-wrapper input[type="text"], #eut-theme-wrapper input[type="input"], #eut-theme-wrapper input[type="password"], #eut-theme-wrapper input[type="number"], #eut-theme-wrapper input[type="email"], #eut-theme-wrapper input[type="number"], #eut-theme-wrapper input[type="url"], #eut-theme-wrapper input[type="tel"], #eut-theme-wrapper input[type="search"], #eut-theme-wrapper input[type="date"], #eut-theme-wrapper textarea, #eut-theme-wrapper select, #eut-theme-wrapper .select2-choice { -webkit-appearance: none; -moz-appearance: none; border: 1px solid; padding: 12px 20px; outline: none; color: inherit; margin: 0; width: 100%; font-size: 14px; margin-bottom: 20px; background: transparent; border-radius: 0; border-color: inherit; min-height: 50px; } #eut-theme-wrapper input[type="number"] { -moz-appearance:textfield; } #eut-theme-wrapper input::-webkit-outer-spin-button, #eut-theme-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #eut-theme-wrapper input[type="text"]:focus, #eut-theme-wrapper input[type="password"]:focus, #eut-theme-wrapper input[type="email"]:focus, #eut-theme-wrapper input[type="number"]:focus, #eut-theme-wrapper input[type="url"]:focus, #eut-theme-wrapper input[type="tel"]:focus, #eut-theme-wrapper input[type="search"]:focus, #eut-theme-wrapper input[type="date"]:focus, #eut-theme-wrapper textarea:focus { color: inherit; } /* Date Input */ #eut-theme-wrapper input[type="date"] { line-height: 15px; } ::-webkit-inner-spin-button { display: none; } ::-webkit-calendar-picker-indicator { background: none; } #eut-theme-wrapper .select2-choice { padding: 5px 14px; } ::-webkit-input-placeholder { color: inherit; opacity: 0.5; } :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 0.5; } ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 0.5; } :-ms-input-placeholder { color: inherit; opacity: 0.5; } #eut-theme-wrapper select { background-image: url(//www.maharamindfulness.com/wp-content/themes/anemos/images/graphics/select-icon.png); background-position: center right; background-repeat: no-repeat; text-indent: 0; min-height: 30px; } #eut-theme-wrapper select[multiple] { background-image: none; } /* Search */ .eut-search { position: relative; display: block; max-width: 430px; margin: 0 auto; } #eut-theme-wrapper .eut-search input[type='text'] { width: 100%; height: 50px; padding-right: 50px; margin-bottom: 0; } #eut-theme-wrapper .eut-search button[type='submit'] { width: 38px; height: 38px; line-height: 38px; font-size: 18px; position: absolute; border: none; top: 4px; right: 6px; padding: 0; cursor: pointer; z-index: 3; outline: 0; margin-top: 2px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-theme-wrapper .eut-search button[type='submit'] i { font-size: inherit; line-height: inherit; } /* ============================================================================= - Top Bar ============================================================================= */ #eut-top-bar { position: relative; z-index: 1000; } #eut-top-bar ul { margin: 0; list-style: none; line-height: 1.2; } #eut-top-bar ul p { font-size: 13px; line-height: 1.2; } #eut-top-bar .eut-top-bar-menu { font-size: 10px; } #eut-top-bar ul.eut-left-side { float: left; text-align: left; width: 50%; } #eut-top-bar ul.eut-right-side { float: right; text-align: right; width: 50%; } #eut-top-bar ul li.eut-topbar-item, #eut-top-bar ul li.eut-topbar-item li, #eut-top-bar ul li.eut-topbar-item > a { display: inline-block; vertical-align: middle; } #eut-top-bar ul.eut-left-side li.eut-topbar-item { margin-right: 15px; } #eut-top-bar ul.eut-left-side li.eut-topbar-item ul li { margin-right: 15px; } #eut-top-bar ul.eut-left-side li.eut-topbar-item:last-child, #eut-top-bar ul.eut-left-side li.eut-topbar-item ul li:last-child { margin-right: 0; } #eut-top-bar ul.eut-right-side li.eut-topbar-item { margin-left: 15px; } #eut-top-bar ul.eut-right-side li.eut-topbar-item ul li { margin-left: 15px; } #eut-top-bar ul.eut-right-side li.eut-topbar-item:first-child, #eut-top-bar ul.eut-right-side li.eut-topbar-item ul li:first-child { margin-left: 0; } #eut-top-bar.eut-fullwidth .eut-container { padding-left: 15px; padding-right: 15px; } /* Language */ #eut-top-bar .eut-language > li { position: relative; font-size: 10px; } #eut-top-bar .eut-language > li > ul { position: absolute; z-index: 5; min-width: 160px; padding: 10px 0; top: 100%; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); -webkit-animation-duration: .15s; -moz-animation-duration: .15s; -o-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: menu_animation; -moz-animation-name: menu_animation; -o-animation-name: menu_animation; animation-name: menu_animation; display: none; } #eut-top-bar .eut-language > li:hover > ul { display: block; } #eut-top-bar .eut-left-side .eut-language > li > ul { left: -15px; } #eut-top-bar .eut-right-side .eut-language > li > ul { right: -15px; } #eut-top-bar .eut-language img, #eut-top-bar .eut-language span { vertical-align: middle; display: inline-block; } #eut-top-bar .eut-language img { margin-right: 5px; margin-top: -4px; } #eut-top-bar .eut-language > li > ul li { display: block; } #eut-top-bar .eut-language > li > ul li a { display: block; padding: 15px; } /* Menu */ #eut-top-bar .eut-top-bar-menu li { position: relative; } #eut-top-bar .eut-top-bar-menu ul.sub-menu { position: absolute; z-index: 5; min-width: 180px; padding: 10px 0; top: 100%; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); -webkit-animation-duration: .15s; -moz-animation-duration: .15s; -o-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: menu_animation; -moz-animation-name: menu_animation; -o-animation-name: menu_animation; animation-name: menu_animation; display: none; } #eut-top-bar .eut-top-bar-menu > ul > li:hover > ul.sub-menu { display: block; } #eut-top-bar .eut-left-side .eut-top-bar-menu ul.sub-menu { left: -15px; } #eut-top-bar .eut-right-side .eut-top-bar-menu ul.sub-menu { right: -15px; } #eut-top-bar .eut-top-bar-menu ul.sub-menu li { display: block; } #eut-top-bar .eut-top-bar-menu ul.sub-menu li:after { display: none; } #eut-top-bar .eut-top-bar-menu ul.sub-menu li a { display: block; padding: 15px; } @media only screen and (max-width: 767px) { #eut-top-bar ul.eut-left-side, #eut-top-bar ul.eut-right-side { float: none; width: auto; text-align: center; } #eut-top-bar ul li.eut-topbar-item + li.eut-topbar-item { margin-top: 5px; } } /* ============================================================================= - Main Header ============================================================================= */ #eut-header { position: relative; z-index: 9998; } /* Full Width Header */ #eut-header.eut-fullwidth #eut-main-header:not(.eut-side-default) .eut-container, #eut-header.eut-fullwidth #eut-responsive-header .eut-container { padding-left: 1.875rem; padding-right: 1.875rem; } #eut-header.eut-fullwidth #eut-main-header.eut-header-default .eut-container { position: static; } @media only screen and (max-width: 1200px) { #eut-main-header.eut-header-default .eut-container { position: static; } } #eut-main-header { width: 100%; top: 0; left: auto; position: relative; z-index: 4; border-bottom: 1px solid; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-bottom-header { border-top: 1px solid; width: 100%; top: 0; left: auto; position: relative; z-index: 4; } /* ============================================================================= --- Responsive Header ============================================================================= */ #eut-responsive-header { display: none; } #eut-responsive-header > .eut-wrapper { width: 100%; top: 0; left: auto; position: relative; z-index: 4; border-bottom: 1px solid; } /* ============================================================================= --- Sticky Header ============================================================================= */ #eut-header.eut-fixed #eut-main-header.eut-header-default:not(.eut-anemos-sticky), #eut-header.eut-fixed #eut-main-header.eut-header-logo-top:not(.eut-anemos-sticky) { position: fixed; } #eut-header.eut-fixed #eut-main-header.eut-header-default, #eut-header.eut-fixed #eut-main-header .eut-logo, #eut-header.eut-fixed #eut-main-header #eut-main-menu .eut-wrapper > ul > li > a, #eut-header.eut-fixed #eut-main-header .eut-header-element > a, #eut-header.eut-fixed .eut-no-assigned-menu { -webkit-transition: height .3s, color .3s, background-color .3s, line-height .3s, -webkit-transform .5s; -moz-transition: height .3s, color .3s, background-color .3s, line-height .3s, -moz-transform .5s; -ms-transition: height .3s, color .3s, background-color .3s, line-height .3s, -ms-transform .5s; -o-transition: height .3s, color .3s, background-color .3s, line-height .3s, -o-transform .5s; transition: height .3s, color .3s, background-color .3s, line-height .3s, transform .5s; } #eut-header.eut-fixed #eut-main-header.eut-header-logo-top { -webkit-transition: height .3s, color .3s, background-color .3s, line-height .3s, -webkit-transform .3s; -moz-transition: height .3s, color .3s, background-color .3s, line-height .3s, -moz-transform .3s; -ms-transition: height .3s, color .3s, background-color .3s, line-height .3s, -ms-transform .3s; -o-transition: height .3s, color .3s, background-color .3s, line-height .3s, -o-transform .3s; transition: height .3s, color .3s, background-color .3s, line-height .3s, transform .3s; } @media screen and (min-width: 1201px) { #eut-header.eut-sticky-header #eut-main-header.eut-header-default, #eut-header.eut-sticky-header #eut-main-header #eut-bottom-header { -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.20); box-shadow: 0px 0px 25px rgba(0,0,0,0.20); } } /* Wp Bar */ body.admin-bar #eut-header.eut-sticky-header #eut-main-header, body.admin-bar #eut-header.eut-sticky-header #eut-bottom-header { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar #eut-header.eut-sticky-header #eut-main-header, body.admin-bar #eut-header.eut-sticky-header #eut-bottom-header { top: 46px; } } #eut-body.eut-boxed #eut-header.eut-sticky-header #eut-main-header.eut-header-default, #eut-body.eut-boxed #eut-header.eut-sticky-header #eut-main-header #eut-bottom-header { max-width: 1220px; } /* ============================================================================= --- Anemos Sticky Header ============================================================================= */ #eut-anemos-sticky-header { position: fixed; width: 100%; left: auto; -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.20); box-shadow: 0px 0px 25px rgba(0,0,0,0.20); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; } @media only screen and (max-width: 1023px) { #eut-anemos-sticky-header { display: none; } } #eut-anemos-sticky-header .eut-container { padding-left: 1.875rem; padding-right: 1.875rem; position: static; } #eut-anemos-sticky-header .eut-logo .eut-wrapper img.eut-sticky { display: block; } #eut-anemos-sticky-menu .eut-menu > li { visibility: hidden; } #eut-anemos-sticky-menu .eut-menu > li > a { -webkit-transition : all .2s ease-out; -moz-transition : all .2s ease-out; -ms-transition : all .2s ease-out; -o-transition : all .2s ease-out; transition : all .2s ease-out; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } #eut-anemos-sticky-menu .eut-menu > li.show > a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #eut-anemos-sticky-menu .eut-menu > li.show { visibility: visible; } /* Page Title */ #eut-anemos-sticky-header .eut-logo + .eut-page-title-wrapper { border-left: 1px solid; margin-left: 1.875rem; padding-left: 1.875rem; position: relative; z-index: 2; } #eut-anemos-sticky-header .eut-page-title-wrapper .eut-title { position: absolute !important; white-space: nowrap; width: 100%; height: 100%; } #eut-anemos-sticky-header .eut-page-title-wrapper { -webkit-transition : all .2s ease-out; -moz-transition : all .2s ease-out; -ms-transition : all .2s ease-out; -o-transition : all .2s ease-out; transition : all .2s ease-out; } #eut-anemos-sticky-header .eut-page-title-wrapper.eut-hide { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* Progressbar */ .eut-reading-progress { position: absolute; height: 3px; background-color: #25A197; top: 0; left: 0; z-index: 5; } /* Menu Toggle Button */ .eut-toggle-anemos-sticky-menu { overflow: hidden; } .eut-toggle-anemos-sticky-menu i { position: absolute; top: 0; left: 0; -webkit-transition : all .2s ease-out; -moz-transition : all .2s ease-out; -ms-transition : all .2s ease-out; -o-transition : all .2s ease-out; transition : all .2s ease-out; } .eut-toggle-anemos-sticky-menu i.eut-icon-close { opacity: 0; -webkit-transform: translateY(-300%); -moz-transform: translateY(-300%); -ms-transform: translateY(-300%); -o-transform: translateY(-300%); transform: translateY(-300%); } .eut-toggle-anemos-sticky-menu.eut-hide i.eut-icon-close { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-toggle-anemos-sticky-menu.eut-hide i.eut-icon-menu { opacity: 0; -webkit-transform: translateY(300%); -moz-transform: translateY(300%); -ms-transform: translateY(300%); -o-transform: translateY(300%); transform: translateY(300%); } /* ============================================================================= --- Responsive Sticky Header ============================================================================= */ #eut-responsive-header.eut-sticky-animate > .eut-wrapper { -webkit-transition: height .3s, color .3s, background-color .3s, line-height .3s, -webkit-transform .5s; -moz-transition: height .3s, color .3s, background-color .3s, line-height .3s, -moz-transform .5s; -ms-transition: height .3s, color .3s, background-color .3s, line-height .3s, -ms-transform .5s; -o-transition: height .3s, color .3s, background-color .3s, line-height .3s, -o-transform .5s; transition: height .3s, color .3s, background-color .3s, line-height .3s, transform .5s; } #eut-responsive-header.eut-fixed > .eut-wrapper { position: fixed; } #eut-body.eut-boxed #eut-responsive-header.eut-fixed > .eut-wrapper { max-width: 90%; } /* ============================================================================= --- Side Header ============================================================================= */ @media only screen and (min-width: 960px) { #eut-theme-wrapper.eut-header-side .eut-container, #eut-theme-wrapper.eut-header-side #eut-content.eut-left-sidebar .eut-content-wrapper, #eut-theme-wrapper.eut-header-side #eut-content.eut-right-sidebar .eut-content-wrapper { width: 90%; max-width: 1170px; } } #eut-theme-wrapper.eut-header-side .eut-header-element { float: none; display: inline-block; } #eut-main-header.eut-header-side { position: fixed; width: 280px; top: 0; left: 0; height: 100%; z-index: 100; overflow: hidden; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-main-header.eut-header-side .eut-main-header-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 95%; height: calc(100% - 120px); padding-right: 30px; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 5; } #eut-main-header.eut-header-side .eut-wrapper { position: relative; z-index: 5; } #eut-main-header.eut-header-side ul.eut-menu li.eut-hidden-menu-item ul { display: block; } #eut-main-header.eut-header-side .eut-main-menu .eut-menu-no-link > a { cursor: pointer; } /* Logo Aligns */ #eut-main-header.eut-header-side .eut-logo { float: none; } #eut-main-header.eut-header-side .eut-logo .eut-wrapper { position: relative; display: inline-block; } #eut-main-header.eut-header-side .eut-logo.eut-position-left { float: none; text-align: left; } #eut-main-header.eut-header-side .eut-logo.eut-position-right { float: none; text-align: right; } #eut-main-header.eut-header-side .eut-logo.eut-position-center { position: relative; height: auto; z-index: 10 } /* Boxed */ body.eut-boxed #eut-theme-wrapper.eut-header-side #eut-main-header.eut-header-side { left: auto; margin-left: -280px; } body.eut-boxed #eut-theme-wrapper.eut-header-side .eut-container { max-width: 80%; } #eut-main-header.eut-header-side .eut-content { position: relative; } #eut-main-header.eut-header-side .eut-header-elements-wrapper { position: absolute; left: 0; right: 0; bottom: 0; min-height: 100px; z-index: 5; } #eut-main-header.eut-header-side .eut-header-elements { display: block; overflow: hidden; border-top: 1px solid; padding: 15px 0; margin: 0; border-left: none; } #eut-main-header.eut-header-side li.eut-header-element { height: 25px; line-height: 25px; } /* ============================================================================= - Logo ============================================================================= */ /* General Settings */ .eut-logo { display: block; } .eut-shrink .eut-header-logo-top .eut-logo.eut-position-center a img { margin: 0 auto; } .eut-shrink .eut-header-logo-top .eut-logo.eut-position-right a img { margin: 0 0 0 auto; } .eut-logo .eut-wrapper { position: relative; top: 50%; z-index: 2; } .eut-logo .eut-wrapper a { position: relative; display: block; } .eut-logo .eut-wrapper img { display: block; position: relative; height: 100%; top: -50%; width: auto !important; max-width: none; } /* Logo Settings for Side Header */ #eut-main-header.eut-header-side .eut-logo .eut-wrapper, #eut-main-header.eut-header-side .eut-logo .eut-wrapper img { top: 0px; } .eut-logo .eut-wrapper img.eut-light, .eut-logo .eut-wrapper img.eut-dark, .eut-logo .eut-wrapper img.eut-sticky { display: none; } /* Light Logo */ #eut-main-header.eut-light .eut-logo .eut-wrapper img.eut-light { display: block; } #eut-main-header.eut-light .eut-logo .eut-wrapper img.eut-default, #eut-main-header.eut-light .eut-logo .eut-wrapper img.eut-dark, #eut-main-header.eut-light .eut-logo .eut-wrapper img.eut-sticky { display: none; } /* Dark Logo */ #eut-main-header.eut-dark .eut-logo .eut-wrapper img.eut-dark { display: block; } #eut-main-header.eut-dark .eut-logo .eut-wrapper img.eut-default, #eut-main-header.eut-dark .eut-logo .eut-wrapper img.eut-light, #eut-main-header.eut-dark .eut-logo .eut-wrapper img.eut-sticky { display: none; } /* Sticky Logo */ #eut-header.eut-sticky-header #eut-main-header .eut-logo .eut-wrapper img.eut-sticky { display: block; } #eut-header.eut-sticky-header #eut-main-header .eut-logo .eut-wrapper img.eut-default, #eut-header.eut-sticky-header #eut-main-header .eut-logo .eut-wrapper img.eut-light, #eut-header.eut-sticky-header #eut-main-header .eut-logo .eut-wrapper img.eut-dark { display: none; } /* ============================================================================= - Main Menu ============================================================================= */ #eut-header .eut-main-menu ul { list-style: none; margin: 0; } #eut-header .eut-horizontal-menu.eut-position-left { margin-left: 30px; } #eut-header .eut-horizontal-menu .eut-wrapper > ul > li { float: left; line-height: inherit; } #eut-header .eut-horizontal-menu .eut-wrapper > ul > li > a { display: block; white-space: nowrap; padding-left: 0.938rem; padding-right: 0.938rem; } /* Sub Menu */ #eut-header .eut-main-menu ul li { position: relative; text-align: left; } @-webkit-keyframes menu_animation { from { opacity: 0; } 50% { opacity: 1; } } @keyframes menu_animation { from { opacity: 0; } 50% { opacity: 1; } } /* First Level */ #eut-header .eut-horizontal-menu li ul { position: absolute; width: 250px; left: 0; top: 100%; visibility: hidden; display: none; padding: 15px 0; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.20); box-shadow: 0px 3px 5px rgba(0,0,0,0.20); -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-name: menu_animation; -moz-animation-name: menu_animation; -o-animation-name: menu_animation; animation-name: menu_animation; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-header .eut-horizontal-menu li.mHover > ul { visibility: visible; display: block; } /* Second Level */ #eut-header .eut-horizontal-menu ul.sub-menu ul { left: 252px; top: -15px; z-index: 100; } #eut-header .eut-horizontal-menu ul.sub-menu li a { position: relative; display: block; padding: 10px; margin: 0 15px; line-height: 1.2em; } /* Arrows */ #eut-header .eut-horizontal-menu.eut-arrow ul li.menu-item-has-children > a { position: relative; padding-right: 20px; } #eut-header .eut-horizontal-menu.eut-arrow ul li.menu-item-has-children > a:after { content: '\f105'; font-family: FontAwesome; font-size: 10px; position: absolute; top: 50%; right: 5px; line-height: 1.2; margin-top: -6px; } #eut-header .eut-horizontal-menu.eut-arrow .eut-wrapper > ul > li.menu-item-has-children > a:after { content: '\f107'; } #eut-header .eut-horizontal-menu.eut-arrow li.megamenu ul li a:after { display: none; } /* Menu Label */ #eut-header .eut-main-menu .eut-item .label, #eut-hidden-menu .eut-item .label { float: right; display: inline-block; vertical-align: top; font-size: 9px; margin-left: 8px; position: relative; line-height: 1.3; text-transform: uppercase; letter-spacing: 1px; padding: 3px 5px; background-color: #454545; color: #ffffff; -webkit-border-radius: 2px; border-radius: 2px; } #eut-hidden-menu .eut-item .label { margin-top: 4px; float: none; } /* Menu Icon */ #eut-top-bar .eut-menu-icon, #eut-footer .eut-menu-icon, .eut-anchor-menu .eut-menu-icon, #eut-header .eut-main-menu .eut-menu-icon, #eut-hidden-menu .eut-menu-icon { margin-right: 5px; width: 1em; text-align: center; } /* No Link */ #eut-header .eut-main-menu .eut-menu-no-link > a { cursor: default; } /* Menu Description */ #eut-header .eut-main-menu .eut-menu-description, #eut-hidden-menu .eut-menu-description { display: block; max-width: 300px; line-height: 1.2; } #eut-header .eut-main-menu .sub-menu .eut-menu-description { margin-top: 10px; margin-bottom: 5px; padding-right: 30px; opacity: 0.6; } /* Assign Menu */ .eut-no-assigned-menu a { line-height: 36px; padding: 0 20px; background-color: #000000; color: #ffffff; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 15px; } .eut-header-side .eut-no-assigned-menu { text-align: center; display: block; line-height: 20px; } .eut-header-side .eut-no-assigned-menu a { margin-left: 0; margin-top: 15px; } /* ============================================================================= --- Main Menu Types ============================================================================= */ /* Button Type */ #eut-header .eut-main-menu.eut-menu-type-button .eut-wrapper > ul > li > a { padding: 0 3px; } #eut-header .eut-main-menu.eut-menu-type-button .eut-wrapper > ul > li > a .eut-item { border: 1px solid; border-color: transparent; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition : border-color .3s; -moz-transition : border-color .3s; -ms-transition : border-color .3s; -o-transition : border-color .3s; transition : border-color .3s; } .eut-menu-type-button > a .eut-item { padding: 12px 15px; -webkit-border-radius: 3px; border-radius: 3px; } .sub-menu .eut-menu-type-button > a .eut-item { padding: 8px 9px; display: inline-block; } #eut-header .eut-main-menu.eut-menu-type-button .eut-wrapper > ul > li > a .eut-item { padding: 4px 12px; } /* Underline Type */ #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li > a .eut-item { position: relative; } #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li > a .eut-item:after { content: ''; opacity: 0; width: 0; height: 2px; left: 0; bottom: -4px; position: absolute; -webkit-transition : opacity .4s ease, width .4s ease; -moz-transition : opacity .4s ease, width .4s ease; -ms-transition : opacity .4s ease, width .4s ease; -o-transition : opacity .4s ease, width .4s ease; transition : opacity .4s ease, width .4s ease; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li.current-menu-item > a .eut-item:after, #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li.current-menu-ancestor > a .eut-item:after, #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li:hover > a .eut-item:after, #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li.active > a .eut-item:after { opacity: 1; width: 100%; } /* ============================================================================= --- Mega Menu ============================================================================= */ #eut-header .eut-horizontal-menu .eut-wrapper > ul > li.megamenu.mHover > ul { display: table; } #eut-header .eut-horizontal-menu .eut-wrapper > ul > li.megamenu ul { padding-top: 20px; padding-bottom: 20px; } #eut-header .eut-horizontal-menu .eut-wrapper > ul > li.megamenu > ul > li { border-right: 1px solid; display: table-cell; float: none; } #eut-header .eut-horizontal-menu .eut-wrapper > ul > li.megamenu > ul > li:last-child { border-right: none; } /* Fullwidth Menu */ #eut-header .eut-horizontal-menu ul li.megamenu > ul { width: 100%; padding: 30px 10px; } #eut-header .eut-horizontal-menu ul li.megamenu ul ul { padding: 0; width: 100%; left: 0; top: 100%; position: relative; } #eut-header .eut-horizontal-menu li.megamenu ul.sub-menu ul { display: block; visibility: visible; opacity: 1; padding: 0; position: static; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; } #eut-header .eut-horizontal-menu .eut-wrapper > ul > li.megamenu > ul { left: 0; } /* Columns 6 */ #eut-header .eut-horizontal-menu .megamenu.column-6 > ul { width: 950px; } #eut-header .eut-horizontal-menu .megamenu.column-6 > ul > li { width: 16.66666667%; } /* Columns 5 */ #eut-header .eut-horizontal-menu .megamenu.column-5 > ul { width: 800px; } #eut-header .eut-horizontal-menu .megamenu.column-5 > ul > li { width: 20%; } /* Columns 4 */ #eut-header .eut-horizontal-menu .megamenu.column-4 > ul { width: 750px; } #eut-header .eut-horizontal-menu .megamenu.column-4 > ul > li { width: 25%; } /* Columns 2 */ #eut-header .eut-horizontal-menu .megamenu.column-2 > ul { width: 500px; } #eut-header .eut-horizontal-menu .megamenu.column-2 > ul > li { width: 50%; } /* Columns 3 */ #eut-header .eut-horizontal-menu .megamenu.column-3 > ul { width: 650px; } #eut-header .eut-horizontal-menu .megamenu.column-3 > ul > li { width: 33.33333333%; } /* Right Position */ #eut-header .eut-horizontal-menu .eut-wrapper > ul > li > ul.eut-position-right { left: auto; right: 0; } #eut-header .eut-horizontal-menu .eut-wrapper ul li ul .eut-position-right { left: auto; right: 252px; } @media only screen and (max-width: 1200px) { #eut-header .eut-horizontal-menu .megamenu.column-6, #eut-header .eut-horizontal-menu .megamenu.column-5, #eut-header .eut-horizontal-menu .megamenu.column-4 { position: static; } #eut-header .eut-horizontal-menu .megamenu.column-6 > ul, #eut-header .eut-horizontal-menu .megamenu.column-5 > ul, #eut-header .eut-horizontal-menu .megamenu.column-4 > ul { width: 100%; } } /* ============================================================================= --- Responsive Menu ============================================================================= */ /* Hidden Menu Item */ #eut-hidden-menu ul.eut-menu li.eut-hidden-menu-item ul { display: block; } .eut-menu-wrapper { margin-bottom: 6.000em; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } /* ============================================================================= --- Slide or Toggle Menu ============================================================================= */ /* Toggle */ .eut-toggle-menu ul { list-style: none; margin: 0; } .eut-toggle-menu ul.eut-menu ul, #eut-main-header.eut-toggle-menu ul.eut-menu ul { margin-left: 20px; } .eut-toggle-menu ul.eut-menu li a { padding-top: 1.154em; padding-bottom: 1.154em; border-bottom: 1px solid; display: block; position: relative; overflow: hidden; } .eut-toggle-menu ul.eut-menu li.eut-hidden-menu-item > a { display: none !important; } .eut-toggle-menu ul.eut-menu li.menu-item-has-children a { padding-right: 40px; } .eut-toggle-menu ul.eut-menu li ul { display: none; } /* Toggle Arrows */ .eut-toggle-menu ul.eut-menu li a .eut-arrow { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: inline-block; line-height: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-toggle-menu ul.eut-menu li a .eut-arrow:after, .eut-toggle-menu ul.eut-menu li a .eut-arrow:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition : all .3s ease .3s; -moz-transition : all .3s ease .3s; -ms-transition : all .3s ease .3s; -o-transition : all .3s ease .3s; transition : all .3s ease .3s; background-color: #333333; } .eut-toggle-menu ul.eut-menu li a .eut-arrow:after { width: 9px; height: 1px; margin-left: -5px; margin-top: -1px; } .eut-toggle-menu ul.eut-menu li a .eut-arrow:before { width: 1px; height: 9px; margin-left: -1px; margin-top: -5px; } .eut-toggle-menu ul.eut-menu li.open > a .eut-arrow:after, .eut-toggle-menu ul.eut-menu li.open > a .eut-arrow:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .eut-toggle-menu .eut-main-menu.eut-align-center ul li { text-align: center; } .eut-toggle-menu .eut-main-menu.eut-align-center li.menu-item-has-children a { padding-right: 20px; } #eut-main-header.eut-toggle-menu .eut-align-center ul.eut-menu ul { margin-right: 10px; margin-left: 10px; } /* Slide */ .eut-slide-menu .eut-main-menu .sub-menu .eut-menu-description { margin-top: 0; } .eut-slide-menu .eut-main-menu > .eut-wrapper { overflow: hidden; } .eut-slide-menu ul.eut-menu li a { padding-top: 1.154em; padding-bottom: 1.154em; border-bottom: 1px solid; display: block; position: relative; overflow: hidden; } .eut-slide-menu ul.eut-menu .sub-menu a { padding-left: 30px; } .eut-slide-menu ul.eut-menu, .eut-slide-menu ul.eut-menu ul { display: inline-block; position: relative; height: auto; width: 100%; vertical-align: top; margin: 0; } .eut-slide-menu ul.eut-menu li { position: relative; display: inline-block; width: 100%; padding: 0; margin: 0; vertical-align: top; } .eut-slide-menu ul.eut-menu li.eut-hidden-menu-item { display: block !important; } .eut-slide-menu ul.eut-menu { -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-slide-menu ul.eut-menu ul { position: absolute; display: none; top: 0; left: 100%; right: 0; margin: 0; opacity: 0; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slide_menu_animation; -moz-animation-name: slide_menu_animation; -o-animation-name: slide_menu_animation; animation-name: slide_menu_animation; } .eut-slide-menu ul.eut-menu ul.show { display: block; z-index: 1; } @-webkit-keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } .eut-slide-menu ul.eut-menu .eut-goback a { padding-left: 30px; } .eut-slide-menu ul.eut-menu .eut-arrow { position: absolute; top: 50%; right: 0; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: right; margin-top: -15px; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-slide-menu ul.eut-menu .eut-goback .eut-arrow { right: auto; left: 0; text-align: left; } .eut-slide-menu ul.eut-menu .eut-arrow:after { content: '\e610'; font-family: 'euthemians' !important; font-size: 14px; } .eut-slide-menu ul.eut-menu .eut-goback .eut-arrow:after { content: '\e611'; } /* ============================================================================= - Header Elements ============================================================================= */ .eut-header-elements, .eut-hidden-menu-btn { position: relative; z-index: 2; } .eut-header-elements { border-left: 1px solid; margin-left: 20px; } .eut-header-elements + .eut-header-elements { border-left: none; margin-left: 0; } .eut-header-elements ul { list-style: none; margin: 0; } .eut-header-element { float: left; font-size: 0; } .eut-header-element > a { display: inline-block; padding-left: 20px; } .eut-header-element > a span.eut-label, .eut-hidden-menu-btn a span.eut-label { margin-left: 5px; } .eut-header-element .eut-item { line-height: inherit; display: inline-block; vertical-align: middle; position: relative; font-size: 20px; line-height: 1em; width: 1em; height: 1em; text-align: center; } .eut-header-element .eut-item.eut-with-text { width: auto; font-size: 100%; } .eut-header-element .eut-item i { display: block; font-size: inherit; line-height: inherit; } /* Purchased Items */ .eut-header-element .eut-purchased-items { font-size: 12px; display: inline-block; line-height: 20px; margin-left: -7px; margin-right: 5px; } /* ============================================================================= - Responsive Header Elements ============================================================================= */ @media only screen and (min-width: 960px) { .eut-header-responsive-elements { display: none; } } .eut-header-responsive-elements { margin-bottom: 3.077em; } .eut-header-responsive-elements ul { margin: 0; display: block; list-style: none; } .eut-header-responsive-element { height: 25px; line-height: 25px; float: left; font-size: 0; } .eut-header-responsive-element > a { display: inline-block; padding: 0 10px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-header-responsive-element .eut-item { line-height: inherit; display: inline-block; vertical-align: middle; } .eut-header-responsive-element .eut-item i { display: block; font-size: 18px; } /* ============================================================================= - Page Title & Feature Section ============================================================================= */ .eut-page-title, #eut-feature-section { position: relative; overflow: hidden; z-index: 5; clear: both; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-post-title .eut-categories a, #eut-post-title .eut-post-meta a, #eut-post-title .eut-post-meta time, #eut-feature-section .eut-categories a, #eut-feature-section .eut-post-meta a, #eut-feature-section .eut-post-meta span, #eut-feature-section .eut-post-meta time { color: inherit; opacity: 0.6; -webkit-transition : opacity .3s; -moz-transition : opacity .3s; -ms-transition : opacity .3s; -o-transition : opacity .3s; transition : opacity .3s; } #eut-post-title .eut-categories a:hover, #eut-post-title .eut-post-meta a:hover, #eut-feature-section .eut-categories a:hover, #eut-feature-section .eut-post-meta a:hover { opacity: 1; } .eut-page-title .eut-content, #eut-feature-section .eut-content { opacity: 0; padding-top: 30px; padding-bottom: 30px; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-page-title .eut-content.show, #eut-feature-section .eut-content.show { opacity: 1; } .eut-page-title .eut-wrapper, #eut-feature-section .eut-wrapper { display: table; width: 100%; position: relative; z-index: 5; } .eut-page-title .eut-content, #eut-feature-section .eut-content { display: table-cell; width: 100%; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .eut-page-title .eut-title, #eut-feature-section .eut-title { margin-bottom: 0px; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-content.eut-align-center-center .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-content.eut-align-center-top .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-content.eut-align-center-bottom .eut-title-content-wrapper.eut-bg-none .eut-title { padding-left: 12%; padding-right: 12%; } .eut-content.eut-align-left-center .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-content.eut-align-left-top .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-content.eut-align-left-bottom .eut-title-content-wrapper.eut-bg-none .eut-title { padding-left: 0; padding-right: 24%; } .eut-content.eut-align-right-center .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-content.eut-align-right-top .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-content.eut-align-right-bottom .eut-title-content-wrapper.eut-bg-none .eut-title { padding-left: 24%; padding-right: 0; } .eut-page-title .eut-subheading, .eut-page-title .eut-title, .eut-page-title .eut-description, #eut-feature-section .eut-subheading, #eut-feature-section .eut-title, #eut-feature-section .eut-description { display: block; position: relative; } .eut-page-title .eut-subheading, .eut-page-title .eut-description, #eut-feature-section .eut-subheading, #eut-feature-section .eut-description { z-index: 10; } .eut-page-title .eut-subheading.eut-text-light, .eut-page-title .eut-title.eut-text-light, .eut-page-title .eut-description.eut-text-light, #eut-feature-section .eut-subheading.eut-text-light, #eut-feature-section .eut-title.eut-text-light, #eut-feature-section .eut-description.eut-text-light { color: #ffffff; } .eut-page-title .eut-subheading.eut-text-dark, .eut-page-title .eut-title.eut-text-dark, .eut-page-title .eut-description.eut-text-dark, #eut-feature-section .eut-subheading.eut-text-dark, #eut-feature-section .eut-title.eut-text-dark, #eut-feature-section .eut-description.eut-text-dark { color: #000000; } /* Fullscreen Feature Load Height */ .eut-page-title.eut-fullscreen .eut-wrapper, #eut-feature-section.eut-fullscreen .eut-wrapper { height: 100vh; } /* ============================================================================= --- Page Title & Feature Section Positions ============================================================================= */ .eut-content.eut-align-left-center, .eut-content.eut-align-center-center, .eut-content.eut-align-right-center { vertical-align: middle; } .eut-content.eut-align-left-top, .eut-content.eut-align-center-top, .eut-content.eut-align-right-top { vertical-align: top; padding-top: 30px; } .eut-content.eut-align-left-bottom, .eut-content.eut-align-center-bottom, .eut-content.eut-align-right-bottom { vertical-align: bottom; padding-bottom: 30px; } .eut-content.eut-align-left-center, .eut-content.eut-align-left-top, .eut-content.eut-align-left-bottom { text-align: left; } .eut-content.eut-align-right-center, .eut-content.eut-align-right-top, .eut-content.eut-align-right-bottom { text-align: right; } .eut-content.eut-align-center-center, .eut-content.eut-align-center-top, .eut-content.eut-align-center-bottom { text-align: center; } /* ============================================================================= --- Page Title & Feature Section Content Wrapper ============================================================================= */ .eut-title-content-wrapper:not(.eut-bg-none) { display: inline-block; vertical-align: middle; width: 50%; padding: 4% 5%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .eut-fullscreen .eut-title-content-wrapper:not(.eut-bg-none) { width: 60%; } @media only screen and (max-width: 1200px) { .eut-title-content-wrapper:not(.eut-bg-none), .eut-fullscreen .eut-title-content-wrapper:not(.eut-bg-none) { width: 60%; padding: 4%; } } @media only screen and (max-width: 1023px) { .eut-title-content-wrapper:not(.eut-bg-none), .eut-fullscreen .eut-title-content-wrapper:not(.eut-bg-none) { width: 70%; padding: 8%; } } @media only screen and (max-width: 767px) { .eut-title-content-wrapper:not(.eut-bg-none), .eut-fullscreen .eut-title-content-wrapper:not(.eut-bg-none) { width: 90%; padding: 6%; } #eut-post-title .eut-post-meta li, #eut-feature-section .eut-post-meta li { margin: 0 8px 0 0; } } /* ============================================================================= --- Feature Section Buttons ============================================================================= */ #eut-feature-section .eut-button-wrapper { margin-top: 40px; } .eut-align-left-center .eut-btn, .eut-align-left-top .eut-btn, .eut-align-left-bottom .eut-btn { margin-right: 30px; } .eut-align-right-center .eut-btn, .eut-align-right-top .eut-btn, .eut-align-right-bottom .eut-btn { margin-left: 30px; } .eut-align-center-center .eut-btn, .eut-align-center-top .eut-btn, .eut-align-center-bottom .eut-btn { margin-left: 15px; margin-right: 15px; } /* ============================================================================= --- Feature Section Graphic ============================================================================= */ .eut-graphic { margin-bottom: 40px; display: inline-block; vertical-align: top; } .eut-circle-graphic .eut-graphic img { -webkit-border-radius: 50%; border-radius: 50%; } .eut-content .eut-graphic img { max-height: 150px; width: auto; display: block; position: relative; } /* ============================================================================= --- Feature Animation Content ============================================================================= */ .eut-title-content-wrapper:not(.eut-bg-none), .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-graphic, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-graphic, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-subheading, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-subheading, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-title, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-description, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-title-meta, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-title-meta, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-description, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-btn, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-btn { opacity: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-animation-duration : .5s; -moz-animation-duration : .5s; -o-animation-duration : .5s; animation-duration : .5s; -webkit-animation-fill-mode : both; -moz-animation-fill-mode : both; -o-animation-fill-mode : both; animation-fill-mode : both; -webkit-animation-timing-function : ease-out; -moz-animation-timing-function : ease-out; -o-animation-timing-function : ease-out; animation-timing-function : ease-out; } html.ie9 .eut-title-content-wrapper:not(.eut-bg-none), html.ie9 .eut-page-title .eut-graphic, html.ie9 #eut-feature-section .eut-graphic, html.ie9 .eut-page-title .eut-subheading, html.ie9 #eut-feature-section .eut-subheading, html.ie9 .eut-page-title .eut-title, html.ie9 #eut-feature-section .eut-title, html.ie9 .eut-page-title .eut-description, html.ie9 #eut-post-title .eut-title-meta, html.ie9 #eut-feature-section .eut-description, html.ie9 .eut-page-title .eut-btn, html.ie9 #eut-feature-section .eut-btn { opacity: 1; } /* Fade In */ @-webkit-keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } /* Fade In Up */ @-webkit-keyframes content_fade_up { 0% { opacity: 0; -webkit-transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes content_fade_up { 0% { opacity: 0; -moz-transform: translateY(100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes content_fade_up { 0% { opacity: 0; -o-transform: translateY(100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes content_fade_up { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0); } } /* Fade In Down */ @-webkit-keyframes content_fade_down { 0% { opacity: 0; -webkit-transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes content_fade_down { 0% { opacity: 0; -moz-transform: translateY(-100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes content_fade_down { 0% { opacity: 0; -o-transform: translateY(-100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes content_fade_down { 0% { opacity: 0; transform: translateY(-100px); } 100% { opacity: 1; transform: translateY(0); } } /* Fade In Left */ @-webkit-keyframes content_fade_left { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes content_fade_left { 0% { opacity: 0; -moz-transform: translateX(-100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes content_fade_left { 0% { opacity: 0; -o-transform: translateX(-100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes content_fade_left { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } /* Fade In Right */ @-webkit-keyframes content_fade_right { 0% { opacity: 0; -webkit-transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes content_fade_right { 0% { opacity: 0; -moz-transform: translateX(100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes content_fade_right { 0% { opacity: 0; -o-transform: translateX(100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes content_fade_right { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } } /*Zoom In */ @-webkit-keyframes content_zoom_in { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 1; } } @keyframes content_zoom_in { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 1; } } /*Zoom Out */ @-webkit-keyframes content_zoom_out { from { opacity: 0; -webkit-transform: scale3d(1.6, 1.6, 1.6); transform: scale3d(1.6, 1.6, 1.6); } 100% { opacity: 1; } } @keyframes content_zoom_out { from { opacity: 0; -webkit-transform: scale3d(1.6, 1.6, 1.6); transform: scale3d(1.6, 1.6, 1.6); } 100% { opacity: 1; } } .eut-page-title .eut-animate-fade-in, #eut-feature-section .eut-animate-fade-in { -webkit-animation-name: content_fade_in; -moz-animation-name: content_fade_in; -o-animation-name: content_fade_in; animation-name: content_fade_in; } .eut-page-title .eut-animate-fade-in-up, #eut-feature-section .eut-animate-fade-in-up { -webkit-animation-name: content_fade_up; -moz-animation-name: content_fade_up; -o-animation-name: content_fade_up; animation-name: content_fade_up; } .eut-page-title .eut-animate-fade-in-down, #eut-feature-section .eut-animate-fade-in-down { -webkit-animation-name: content_fade_down; -moz-animation-name: content_fade_down; -o-animation-name: content_fade_down; animation-name: content_fade_down; } .eut-page-title .eut-animate-fade-in-left, #eut-feature-section .eut-animate-fade-in-left { -webkit-animation-name: content_fade_left; -moz-animation-name: content_fade_left; -o-animation-name: content_fade_left; animation-name: content_fade_left; } .eut-page-title .eut-animate-fade-in-right, #eut-feature-section .eut-animate-fade-in-right { -webkit-animation-name: content_fade_right; -moz-animation-name: content_fade_right; -o-animation-name: content_fade_right; animation-name: content_fade_right; } .eut-page-title .eut-animate-zoom-in, #eut-feature-section .eut-animate-zoom-in { -webkit-animation-name: content_zoom_in; -moz-animation-name: content_zoom_in; -o-animation-name: content_zoom_in; animation-name: content_zoom_in; } .eut-page-title .eut-animate-zoom-out, #eut-feature-section .eut-animate-zoom-out { -webkit-animation-name: content_zoom_out; -moz-animation-name: content_zoom_out; -o-animation-name: content_zoom_out; animation-name: content_zoom_out; } /* ============================================================================= - Title Line Divider ============================================================================= */ .eut-page-title .eut-line-divider, #eut-feature-section .eut-line-divider { height: 1.000em; max-height: 60px; margin-bottom: 0.167em; display: block; position: relative; clear: both; } .eut-page-title .eut-line-divider:last-child, #eut-feature-section .eut-line-divider:last-child { display: none; } .eut-page-title .eut-line-divider span, #eut-feature-section .eut-line-divider span { width: 0; min-width: 0; height: 2px; display: inline-block; vertical-align: top; position: relative; top: 50%; left: auto; right: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition : all .2s; -moz-transition : all .2s; -ms-transition : all .2s; -o-transition : all .2s; transition : all .2s; } .eut-page-title .eut-line-divider.eut-animation span, #eut-feature-section .eut-line-divider.eut-animation span { width: 1.667em; min-width: 60px; } /* ============================================================================= - Single Post ============================================================================= */ .single-post #eut-content:not(.eut-right-sidebar):not(.eut-left-sidebar) .eut-container { max-width: 990px; } /* Single Wrapper */ .eut-single-wrapper { position: relative; z-index: 5; } .eut-single-wrapper:before, .eut-single-wrapper:after { display: table; content: " "; } .eut-single-wrapper:after { clear: both; } /* ============================================================================= --- Single Post Title ============================================================================= */ #eut-post-title .eut-title-meta, #eut-feature-section .eut-title-meta { display: block; } #eut-post-title .eut-description + .eut-title-meta-content .eut-title-meta, #eut-feature-section .eut-description + .eut-title-meta-content .eut-title-meta { margin-top: 30px; } #eut-post-title .eut-post-meta li, #eut-feature-section .eut-post-meta li { opacity: 1; } /* Title Categories */ #eut-feature-section .eut-categories, #eut-post-title .eut-categories { margin: 0; list-style: none; } #eut-post-title .eut-categories li, #eut-feature-section .eut-categories li { display: inline-block; } #eut-post-title .eut-content.eut-align-center-center .eut-categories li, #eut-post-title .eut-content.eut-align-center-top .eut-categories li, #eut-post-title .eut-content.eut-align-center-bottom .eut-categories li, #eut-feature-section .eut-content.eut-align-center-center .eut-categories li, #eut-feature-section .eut-content.eut-align-center-top .eut-categories li, #eut-feature-section .eut-content.eut-align-center-bottom .eut-categories li { padding: 0 8px; } #eut-post-title .eut-content.eut-align-left-center .eut-categories li, #eut-post-title .eut-content.eut-align-left-top .eut-categories li, #eut-post-title .eut-content.eut-align-left-bottom .eut-categories li, #eut-feature-section .eut-content.eut-align-left-center .eut-categories li, #eut-feature-section .eut-content.eut-align-left-top .eut-categories li, #eut-feature-section .eut-content.eut-align-left-bottom .eut-categories li { padding-right: 16px; } #eut-post-title .eut-content.eut-align-right-center .eut-categories li, #eut-post-title .eut-content.eut-align-right-top .eut-categories li, #eut-post-title .eut-content.eut-align-right-bottom .eut-categories li, #eut-feature-section .eut-content.eut-align-right-center .eut-categories li, #eut-feature-section .eut-content.eut-align-right-top .eut-categories li, #eut-feature-section .eut-content.eut-align-right-bottom .eut-categories li { padding-left: 16px; } @media only screen and (max-width: 767px) { #eut-feature-section .eut-subheading, #eut-post-title .eut-subheading { margin-bottom: 15px; } #eut-post-title .eut-post-meta li, #eut-feature-section .eut-post-meta li { margin-bottom: 10px; } } /* ============================================================================= --- Single Post Media ============================================================================= */ #eut-single-media { margin-bottom: 4.000rem; } #eut-single-media img { width: 100%; opacity: 0; display: block; } #eut-single-media .eut-gallery { margin: 0; list-style: none; } #eut-single-media .eut-gallery.eut-vertical-gallery li { margin-bottom: 10px; } #eut-single-media .eut-gallery.eut-vertical-gallery li:last-child { margin-bottom: 0; } /* Post Gallery */ ul.eut-post-gallery { margin: 0 -15px -30px -15px; list-style: none; } ul.eut-post-gallery:before, ul.eut-post-gallery:after { display: table; content: " "; } ul.eut-post-gallery:after { clear: both; } ul.eut-post-gallery li { float: left; padding: 0 15px; margin-bottom: 30px; width: 33.33333333%; } ul.eut-post-gallery li a { display: block; } ul.eut-post-gallery li { opacity: 1; -webkit-transition : opacity .3s; -moz-transition : opacity .3s; -ms-transition : opacity .3s; -o-transition : opacity .3s; transition : opacity .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } ul.eut-post-gallery li.hover { opacity: 0.7; } /* Vertical Gallery */ ul.eut-post-gallery.eut-vertical-style { margin: 0; list-style: none; } ul.eut-post-gallery.eut-vertical-style li { float: left; padding: 0; width: 100%; } ul.eut-post-gallery.eut-vertical-style li:last-child { margin-bottom: 0; } /* ============================================================================= --- Single Post Default Meta ============================================================================= */ #eut-single-post-meta { overflow: hidden; } #eut-single-post-meta .eut-single-post-responsive-meta { display: none; clear: both; } @media only screen and (max-width: 1200px) { #eut-single-post-meta .eut-single-post-responsive-meta { display: block; } } /* Show Single Post Responsive Meta (Side Header - Boxed Layout) */ #eut-theme-wrapper.eut-header-side #eut-single-post-meta .eut-single-post-responsive-meta, body.eut-boxed #eut-single-post-meta .eut-single-post-responsive-meta { display: block; } /* ============================================================================= --- Single Post Sticky Meta ============================================================================= */ #eut-single-post-meta-sticky { position: absolute; top: 5.000rem; left: 2%; z-index: 10; -webkit-transition: -webkit-transform .5s ease-in-out 0s, opacity .5s 0s, visibility .5s 0s; -moz-transition: -moz-transform .5s ease-in-out 0s, opacity .5s 0s, visibility .5s 0s; -ms-transition: -ms-transform .5s ease-in-out 0s, opacity .5s 0s, visibility .5s 0s; -o-transition: -o-transform .5s ease-in-out 0s, opacity .5s 0s, visibility .5s 0s; transition: transform .5s ease-in-out 0s, opacity .5s 0s, visibility .5s 0s; -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); opacity: 0; visibility: hidden; } #eut-single-post-meta-sticky.show { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } @media only screen and (max-width: 1200px) { #eut-single-post-meta-sticky { display: none; } } /* Hide Sticky Post Meta (Side Header - Boxed Layout) */ #eut-theme-wrapper.eut-header-side #eut-single-post-meta-sticky, body.eut-boxed #eut-single-post-meta-sticky { display: none; } #eut-single-post-meta-sticky .eut-meta-item { margin-bottom: 2.500rem; } #eut-single-post-meta-sticky .eut-meta-item:last-child { margin-bottom: 0; } #eut-single-post-meta-sticky.is-transition { -webkit-transition: -webkit-transform .5s ease-in-out .5s, opacity .5s .5s, visibility .5s .5s, top .3s; -moz-transition: -moz-transform .5s ease-in-out .5s, opacity .5s .5s, visibility .5s .5s, top .3s; -ms-transition: -ms-transform .5s ease-in-out .5s, opacity .5s .5s, visibility .5s .5s, top .3s; -o-transition: -o-transform .5s ease-in-out .5s, opacity .5s .5s, visibility .5s .5s, top .3s; transition: transform .5s ease-in-out .5s, opacity .5s .5s, visibility .5s .5s, top .3s; } /* Author */ #eut-single-post-meta-sticky .eut-post-author img { max-width: 50px; margin-bottom: 12px; display: block; } #eut-single-post-meta-sticky .eut-post-author .eut-author-name { line-height: 1.2; } /* Date */ #eut-single-post-meta-sticky .eut-post-date { line-height: 2em; } /* ============================================================================= --- Single Post Categories ============================================================================= */ .eut-tags-categories { overflow: hidden; display: block; } #eut-single-post-categories { float: left; } #eut-single-post-categories .eut-categories { margin: 0; list-style: none; font-size: 0; } #eut-single-post-categories .eut-categories li { display: inline-block; margin-bottom: 4px; margin-right: 4px; } #eut-single-post-categories .eut-categories li a { display: block; border-color: inherit; line-height: 30px; padding: 0 10px; color: inherit; font-size: 12px; line-height: 30px; border: 2px solid; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #eut-single-post-tags + #eut-single-post-categories { float: right; text-align: right; width: 50%; } @media only screen and (max-width: 767px) { #eut-single-post-categories, #eut-single-post-tags + #eut-single-post-categories { float: none; width: 100%; text-align: center; } #eut-single-post-tags + #eut-single-post-categories { margin-top: 15px; } } /* ============================================================================= --- Single Post Tags ============================================================================= */ #eut-single-post-tags { float: left; } #eut-single-post-tags .eut-tags { margin: 0; list-style: none; font-size: 0; } #eut-single-post-tags .eut-tags li { display: inline-block; margin-bottom: 4px; margin-right: 4px; } #eut-single-post-tags .eut-tags li a { display: block; border-color: inherit; line-height: 30px; padding: 0 10px; color: inherit; font-size: 12px; line-height: 30px; border: 1px solid; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #eut-single-post-tags .eut-tags li a:before { content: '#'; opacity: 0.6; margin-right: 3px; } @media only screen and (max-width: 767px) { #eut-single-post-tags { float: none; width: 100%; text-align: center; } } /* ============================================================================= --- Single Post Sticky Navigation ============================================================================= */ .eut-post-nav.eut-sticky-post-nav { position: absolute; top: 5.000rem; right: 2%; z-index: 10; } .eut-post-nav.eut-sticky-post-nav.is-transition { -webkit-transition : top .3s; -moz-transition : top .3s; -ms-transition : top .3s; -o-transition : top .3s; transition : top .3s; } @media only screen and (max-width: 1200px) { .eut-post-nav.eut-sticky-post-nav { display: none; } } /* Hide Sticky Navigation (Side Header - Boxed Layout) */ #eut-theme-wrapper.eut-header-side .eut-post-nav.eut-sticky-post-nav, body.eut-boxed .eut-post-nav.eut-sticky-post-nav { display: none; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn { position: relative; width: 60px; height: 60px; overflow: hidden; float: right; clear: both; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn:hover { width: 250px; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn + .eut-nav-btn { margin-top: 5px; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; color: inherit; border: 1px solid; background-color: #ffffff; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn a:hover { color: inherit; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn .eut-nav-arrow { width: 58px; height: 58px; line-height: 58px; text-align: center; position: absolute; top: 0; right: 0; z-index: 2; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn:hover .eut-nav-arrow { -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: nav_arrow_animation; -moz-animation-name: nav_arrow_animation; -o-animation-name: nav_arrow_animation; animation-name: nav_arrow_animation; } @-webkit-keyframes nav_arrow_animation { 0% { opacity: 1; right: 0; } 30% { opacity: 0; right: 100%; } 60% { opacity: 0; right: -70px; } 100% { opacity: 1; right: 0; } } @-moz-keyframes nav_arrow_animation { 0% { opacity: 1; right: 0; } 30% { opacity: 0; right: 100%; } 60% { opacity: 0; right: -70px; } 100% { opacity: 1; right: 0; } } @-o-keyframes nav_arrow_animation { 0% { opacity: 1; right: 0; } 30% { opacity: 0; right: 100%; } 60% { opacity: 0; right: -70px; } 100% { opacity: 1; right: 0; } } @keyframes nav_arrow_animation { 0% { opacity: 1; right: 0; } 30% { opacity: 0; right: 100%; } 60% { opacity: 0; right: -70px; } 100% { opacity: 1; right: 0; } } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn .eut-nav-content { position: absolute; top: 50%; left: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition : left .3s .1s; -moz-transition : left .3s .1s; -ms-transition : left .3s .1s; -o-transition : left .3s .1s; transition : left .3s .1s; z-index: 2; width: 180px; overflow: hidden; opacity: 0; padding: 0 5px 0 30px; } .eut-post-nav.eut-sticky-post-nav .eut-nav-btn:hover .eut-nav-content { left: 0; opacity: 1; } .eut-post-nav .eut-nav-btn .eut-nav-subtitle { line-height: 2em; margin-bottom: 0; opacity: 0.5; } .eut-post-nav .eut-nav-btn .eut-nav-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.571em; } /* ============================================================================= --- Single Post Default Navigation ============================================================================= */ .eut-post-nav.eut-default-post-nav { border-top: 1px solid; display: block; overflow: hidden; } .eut-post-nav.eut-default-post-nav .eut-nav-btn { float: left; width: 50%; } .eut-post-nav.eut-default-post-nav .eut-nav-btn.eut-next { text-align: right; float: right; } .eut-post-nav.eut-default-post-nav .eut-nav-btn a { display: table; width: 100%; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-post-nav.eut-default-post-nav .eut-nav-arrow { width: 20px; } .eut-post-nav.eut-default-post-nav .eut-nav-content { padding: 0 15px; } .eut-post-nav.eut-default-post-nav .eut-nav-arrow, .eut-post-nav.eut-default-post-nav .eut-nav-content { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 767px) { .eut-post-nav.eut-default-post-nav .eut-nav-title { display: none; } } /* ============================================================================= --- Single Post Sticky Socials ============================================================================= */ .eut-post-socials ul { margin: 0; list-style: none; } .eut-post-socials .eut-bar-socials li { position: relative; float: left; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-single-post-meta-sticky .eut-post-socials .eut-bar-socials li { clear: both; } #eut-single-post-meta-sticky .eut-post-socials .eut-bar-socials li + li { margin-top: 5px; } .eut-post-socials .eut-bar-socials li a { display: block; width: 36px; height: 36px; position: relative; overflow: hidden; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-post-socials .eut-bar-socials li i { width: 36px; height: 36px; line-height: 36px; text-align: center; position: absolute; top: 0; right: 0; z-index: 2; } #eut-single-post-meta-sticky .eut-post-socials .eut-bar-socials li:hover i { -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: social_icon_animation; -moz-animation-name: social_icon_animation; -o-animation-name: social_icon_animation; animation-name: social_icon_animation; } @-webkit-keyframes social_icon_animation { 0% { opacity: 1; left: 0; } 30% { opacity: 0; left: 100%; } 60% { opacity: 0; left: -40px; } 100% { opacity: 1; left: 0; } } @-moz-keyframes social_icon_animation { 0% { opacity: 1; left: 0; } 30% { opacity: 0; left: 100%; } 60% { opacity: 0; left: -40px; } 100% { opacity: 1; left: 0; } } @-o-keyframes social_icon_animation { 0% { opacity: 1; left: 0; } 30% { opacity: 0; left: 100%; } 60% { opacity: 0; left: -40px; } 100% { opacity: 1; left: 0; } } @keyframes social_icon_animation { 0% { opacity: 1; left: 0; } 30% { opacity: 0; left: 100%; } 60% { opacity: 0; left: -40px; } 100% { opacity: 1; left: 0; } } #eut-single-post-meta-sticky .eut-post-socials .eut-bar-socials li span { position: absolute; top: 50%; right: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition : right .3s .1s; -moz-transition : right .3s .1s; -ms-transition : right .3s .1s; -o-transition : right .3s .1s; transition : right .3s .1s; z-index: 2; overflow: hidden; opacity: 0; padding: 0 15px 0 0; white-space: nowrap; } #eut-single-post-meta-sticky .eut-post-socials .eut-bar-socials li:hover span { right: 0; opacity: 1; } /* Facebook Colors */ .eut-post-socials .eut-facebook a { color: #ffffff; background-color: #3B5998; border-color: #3B5998; } /* Twitter Colors */ .eut-post-socials .eut-twitter a { color: #ffffff; background-color: #55acee; border-color: #55acee; } /* Linkedin Colors */ .eut-post-socials .eut-linkedin a { color: #ffffff; background-color: #0077b5; border-color: #0077b5; } /* Google + Colors */ .eut-post-socials .eut-google a { color: #ffffff; background-color: #DC4E41; border-color: #DC4E41; } /* Reddit Colors */ .eut-post-socials .eut-reddit a { color: #ffffff; background-color: #333333; border-color: #333333; } /* Email Colors */ .eut-post-socials .eut-email a { color: #ffffff; background-color: #f1b144; border-color: #f1b144; } /* Likes Colors */ .eut-post-socials .eut-likes a { color: #ffffff; background-color: #FC2121; border-color: #FC2121; } /* ============================================================================= --- Single Post Default Socials ============================================================================= */ #eut-single-post-meta .eut-post-socials { position: static; overflow: hidden; display: block; margin-top: 2.500rem; } #eut-single-post-meta .eut-post-socials ul { margin: 0; list-style: none; display: block; text-align: center; } #eut-single-post-meta .eut-post-socials li { position: relative; margin-right: 5px; float: none; display: inline-block; vertical-align: middle; } #eut-single-post-meta .eut-post-socials li:last-child { margin: 0; } #eut-single-post-meta .eut-post-socials li i { position: relative; } #eut-single-post-meta .eut-post-socials li span { display: none; } #eut-single-post-meta .eut-post-socials li.eut-likes a { width: auto !important; } #eut-single-post-meta .eut-post-socials li.eut-likes i { float: left; } #eut-single-post-meta .eut-post-socials li.eut-likes span { display: block; position: static; float: left; line-height: 36px; padding: 0 15px 0 0; } /* ============================================================================= --- Single Post Author ============================================================================= */ #eut-about-author .eut-author-image { text-align: center; margin-bottom: 20px; } .eut-about-author .eut-author-image { display: inline-block; vertical-align: top; margin-bottom: 18px; } img.avatar { -webkit-border-radius : 100%; border-radius: 100%; } .eut-about-author .eut-author-info .eut-title { display: block; text-transform: capitalize; } .eut-about-author .eut-author-read-more:hover { color: inherit; } .eut-about-author.eut-author-overview { max-width: 760px; margin-right: auto; margin-left: auto; } /* ============================================================================= --- Single Post Related ============================================================================= */ #eut-related-post { position: relative; overflow: hidden; } #eut-related-post .eut-related-title { text-align: center; position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; padding: 1.250rem 3.125rem; opacity: 0; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: related_title_anim_in; -moz-animation-name: related_title_anim_in; -o-animation-name: related_title_anim_in; animation-name: related_title_anim_in; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } /* Animation Related Title */ #eut-related-post:hover .eut-related-title { -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: related_title_anim_out; -moz-animation-name: related_title_anim_out; -o-animation-name: related_title_anim_out; animation-name: related_title_anim_out; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } /* Animation In */ @-webkit-keyframes related_title_anim_in { 0% { opacity: 0; top: 50%; } 100% { opacity: 1; top: 50%; } } @-moz-keyframes related_title_anim_in { 0% { opacity: 0; top: 50%; } 100% { opacity: 1; top: 50%; } } @-o-keyframes related_title_anim_in { 0% { opacity: 0; top: 50%; } 100% { opacity: 1; top: 50%; } } @keyframes related_title_anim_in { 0% { opacity: 0; top: 50%; } 100% { opacity: 1; top: 50%; } } /* Animation Out */ @-webkit-keyframes related_title_anim_out { 0% { opacity: 1; top: 50%; } 30% { opacity: 1; top: 40%; } 100% { opacity: 0; top: 100%; } } @-moz-keyframes related_title_anim_out { 0% { opacity: 1; top: 50%; } 30% { opacity: 1; top: 40%; } 100% { opacity: 0; top: 100%; } } @-o-keyframes related_title_anim_out { 0% { opacity: 1; top: 50%; } 30% { opacity: 1; top: 40%; } 100% { opacity: 0; top: 100%; } } @keyframes related_title_anim_out { 0% { opacity: 1; top: 50%; } 30% { opacity: 1; top: 40%; } 100% { opacity: 0; top: 100%; } } #eut-related-post .eut-related-title .eut-description { line-height: 2em; opacity: 0.5; margin-top: -0.5em; } #eut-related-post .eut-related-title .eut-title { line-height: 1.2em; margin-bottom: 0; } .eut-related-post-wrapper { display: block; overflow: hidden; white-space:nowrap; font-size: 0; letter-spacing: 0; } .eut-related-item .eut-content { position: relative; z-index: 9; padding: 7.500rem 0px; text-align: center; } .eut-related-item .eut-content .eut-title { line-height: 1.2em; margin-bottom: 0; opacity: 0; -webkit-transform: translateY(300%); -moz-transform: translateY(300%); -ms-transform: translateY(300%); -o-transform: translateY(300%); transform: translateY(300%); -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .eut-related-item .eut-content .eut-description { line-height: 2em; margin-top: -0.5em; opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .eut-related-item .eut-content .eut-title, .eut-related-item .eut-content .eut-description { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; color: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 1600px) { .eut-related-item .eut-content .eut-title { max-width: 60%; margin: 0 auto; } } /* Animation Title */ #eut-related-post:hover .eut-content .eut-title, #eut-related-post:hover .eut-content .eut-description { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #eut-related-post .eut-related-item a { z-index: 10; display: block; text-align: center; } #eut-related-post .eut-related-item a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.2; z-index: 8; -webkit-transition : all .5s ease; -moz-transition : all .5s ease; -ms-transition : all .5s ease; -o-transition : all .5s ease; transition : all .5s ease; } #eut-related-post .eut-related-item a:hover:before { opacity: 0.6; } .eut-related-item { float: left; position: relative; cursor: pointer; overflow: hidden; width: 33.33333%; } /* Column 1 */ .eut-related-column-1 .eut-related-item { width: 100%; } /* Column 2 */ .eut-related-column-2 .eut-related-item { width: 50%; } /* ============================================================================= --- Single Post Responsive Related ============================================================================= */ @media only screen and (max-width: 1200px) { #eut-related-post .eut-related-title { position: relative; top: 0; left: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); background-color: transparent; padding: 0; opacity: 1; margin-bottom: 2.500rem; -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } #eut-related-post:hover .eut-related-title { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } #eut-related-post .eut-content .eut-title, #eut-related-post .eut-content .eut-description, #eut-related-post:hover .eut-content .eut-title, #eut-related-post:hover .eut-content .eut-description { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } } @media only screen and (max-width: 767px) { .eut-related-item, .eut-related-column-1 .eut-related-item, .eut-related-column-2 .eut-related-item { width: 100%; display: block; } .eut-related-item:last-child { margin-bottom: 0; } } /* ============================================================================= --- Single Post Comments ============================================================================= */ #eut-comments .eut-comments-header { margin-bottom: 2.500rem; } #eut-comments .eut-comments-number { margin-bottom: 0; } #eut-comments .eut-comment-nav { float: right; } #eut-comments .eut-comment-nav li { display: inline-block; margin-bottom: 0; margin-right: 1.154em; } #eut-comments .eut-comment-text { margin-bottom: 18px; } #eut-comments .eut-comment-text p { font-size: 14px; line-height: 24px; } #eut-comments ul { margin: 0; list-style: none; } #eut-comments ul li { margin-bottom: 2.500rem; padding-bottom: 2.500rem; } #eut-comments ul.children li{ margin-left: 2.500rem; margin-top: 2.500rem; padding-top: 2.500rem; } #eut-comments ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .eut-comment-item { border-bottom: 1px solid; } .children .eut-comment-item { border-top: 1px solid; border-bottom: none; } .eut-comment-item:last-child { border-bottom: none; } #eut-comments .eut-comment-header { display: table; width: 100%; margin-bottom: 15px; } #eut-comments .eut-author-image { display: table-cell; width: 50px; vertical-align: middle; } #eut-comments .eut-author-image img { display: block; max-width: 50px; } #eut-comments .eut-comment-title { display: table-cell; vertical-align: middle; padding-left: 20px; } #eut-comments .eut-comment-date { line-height: 2em; float: left; opacity: 0.5; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-comments .eut-comment-date:hover { opacity: 1; } #eut-comments .eut-author { line-height: 1.2em; margin-bottom: 0; display: block; } #eut-comments .eut-comment-content { padding-left: 70px; } #eut-comments .eut-comment-reply + .eut-comment-edit { margin-left: 1.154em; } #eut-comments .comment + #respond { margin-top: 30px; } /* ============================================================================= --- Single Post Comment Form ============================================================================= */ #reply-title { padding: 10px; cursor: pointer; position: relative; text-align: center; background-color: #ffffff; margin-bottom: 0; } #reply-title:before { font-family: 'euthemians' !important; content: "\e602"; font-size: 12px; position: absolute; top: 50%; left: 15px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } #reply-title.open:before{ -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } #commentform { padding-top: 30px; margin-right: -5px; margin-left: -5px; display: none; } #commentform .eut-form-textarea, #commentform .eut-form-input{ padding: 0 5px; } #eut-comment-form .eut-form-input { width: 33.333333%; float: left; } #eut-comment-form .logged-in-as { padding-bottom: 30px; margin-left: 5px; } #eut-comment-form p.form-submit { text-align: center; clear: both; } #disqus_thread { margin-left: auto; margin-right: auto; max-width: 1170px; padding: 15px; } /* ============================================================================= --- Single Post Quote & Link Format ============================================================================= */ #eut-single-quote, #eut-single-link { position: relative; margin-bottom: 2.500rem; } #eut-single-quote .eut-media, #eut-single-link .eut-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #eut-single-quote .eut-post-content, #eut-single-link .eut-post-content { position: relative; z-index: 5; display: block; padding: 8%; color: #ffffff; } #eut-single-quote .eut-post-title, #eut-single-link .eut-post-title { color: #ffffff; } #eut-single-quote a, #eut-single-link a { display: block; position: relative; height: 100%; } #eut-single-quote .eut-quote-writer, #eut-single-link .eut-post-url { margin-top: 30px; display: block; } /* ============================================================================= - Pagination ============================================================================= */ .eut-pagination { margin-top: 2.500rem; } .eut-pagination ul { list-style: none; margin: 0; text-align: center; } .eut-pagination ul li { display: inline-block; margin: 0 4px; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-pagination ul li a { display: block; } .eut-pagination ul li i { font-size: 0.750em; } /* ============================================================================= - Breadcrumbs ============================================================================= */ .eut-breadcrumbs { border-top: 1px solid; border-bottom: 1px solid; position: relative; z-index: 5; } .eut-breadcrumbs.eut-fullwidth { padding: 0 20px; } .eut-breadcrumbs ul { list-style: none; margin: 0; } .eut-breadcrumbs ul li { display: inline-block; } .eut-breadcrumbs ul li a:hover { text-decoration: underline; } /* ============================================================================= - Page With Sidebar ============================================================================= */ #eut-content.eut-left-sidebar, #eut-content.eut-right-sidebar { overflow: hidden; } #eut-content.eut-left-sidebar .eut-content-wrapper, #eut-content.eut-right-sidebar .eut-content-wrapper { max-width: 1220px; margin-right: auto; margin-left: auto; position: relative; } @media only screen and (min-width: 1201px) and (max-width: 1400px) { body:not(.eut-boxed).single-post #eut-theme-wrapper:not(.eut-header-side) #eut-content.eut-left-sidebar .eut-content-wrapper, body:not(.eut-boxed).single-post #eut-theme-wrapper:not(.eut-header-side) #eut-content.eut-right-sidebar .eut-content-wrapper { padding-left: 100px; padding-right: 100px; } } #eut-content.eut-right-sidebar .eut-content-wrapper:before, #eut-content.eut-right-sidebar .eut-content-wrapper:after, #eut-content.eut-left-sidebar .eut-content-wrapper:before, #eut-content.eut-left-sidebar .eut-content-wrapper:after { display: table; content: " "; } #eut-content.eut-right-sidebar .eut-content-wrapper:after, #eut-content.eut-left-sidebar .eut-content-wrapper:after { clear: both; } #eut-content.eut-left-sidebar .eut-container, #eut-content.eut-right-sidebar .eut-container { padding-left: 0; padding-right: 0; width: 100%; } #eut-content.eut-left-sidebar #eut-main-content { width: 66.66666667%; float: right; padding-left: 30px; } #eut-content.eut-right-sidebar #eut-main-content { width: 66.66666667%; float: left; padding-right: 30px; } #eut-sidebar { position: relative; z-index: 5; } #eut-content.eut-left-sidebar #eut-sidebar { width: 33.33333333%; padding-right: 20px; float: left; } #eut-content.eut-right-sidebar #eut-sidebar { width: 33.33333333%; padding-left: 20px; float: right; } @media only screen and (max-width: 1023px) { #eut-content.eut-right-sidebar #eut-main-content, #eut-content.eut-left-sidebar #eut-main-content { width: auto; padding-left: 0; padding-right: 0; float: none; } #eut-content.eut-right-sidebar #eut-sidebar, #eut-content.eut-left-sidebar #eut-sidebar { width: 90%; float: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } } /* ============================================================================= - Hidden Area ( Side Area & Responsive Menu ) ============================================================================= */ .eut-hidden-area { display: none; position: fixed; width: 650px; height: 100%; top: 0; right: -30px; bottom: 0; z-index: 9999; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-hidden-area.open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eut-hiddenarea-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding-right: 30px; padding-bottom: 90px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .eut-hidden-area.prepare-anim { display: block; } .eut-hidden-area .eut-hiddenarea-content { width: 350px; margin: 0 auto; display: block; overflow: hidden; } @media only screen and (max-width: 767px){ .eut-hidden-area .eut-hiddenarea-content { width: 280px; } } .eut-hidden-area .eut-scroller { padding: 0 30px 0 0; } .eut-toggle-sidearea { cursor: pointer; } .eut-scroller { overflow: auto; position: relative; } .eut-hidden-area .eut-close-btn { -webkit-transform: translate3d(0, -200%, 0); -moz-transform: translate3d(0, -200%, 0); -ms-transform: translate3d(0, -200%, 0); -o-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; -moz-transition: -moz-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; -o-transition: -o-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; } .eut-hidden-area.open .eut-close-btn { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ============================================================================= - Close Button ============================================================================= */ .eut-close-btn-wrapper { display: block; padding: 0 10px; margin: 30px auto 60px auto; width: 350px; } .eut-close-btn { width: 40px; height: 40px; line-height: 40px; font-size: 40px; text-align: center; cursor: pointer; display: inline-block; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-close-btn i { font-size: inherit; line-height: inherit; } /* Arrow Transform */ .eut-close-btn.eut-close-arrow:hover span { width: 40px; } .eut-close-btn.eut-close-arrow:hover:before { width: 15px; -webkit-transform: translateX(2px) translateY(-5px) rotate(-45deg); -moz-transform: translateX(2px) translateY(-5px) rotate(-45deg); -ms-transform: translateX(2px) translateY(-5px) rotate(-45deg); -o-transform: translateX(2px) translateY(-5px) rotate(-45deg); transform: translateX(2px) translateY(-5px) rotate(-45deg); } .eut-close-btn.eut-close-arrow:hover:after { width: 15px; -webkit-transform: translateX(2px) translateY(5px) rotate(-135deg); -moz-transform: translateX(2px) translateY(5px) rotate(-135deg); -ms-transform: translateX(2px) translateY(5px) rotate(-135deg); -o-transform: translateX(2px) translateY(5px) rotate(-135deg); transform: translateX(2px) translateY(5px) rotate(-135deg); } /* ============================================================================= - Page Modal ============================================================================= */ .eut-close-modal { width: 40px; height: 40px; line-height: 40px; font-size: 40px; text-align: center; cursor: pointer; display: inline-block; position: fixed; top: 20px; right: 20px; z-index: 9999; } .eut-close-modal i { font-size: inherit; line-height: inherit; } .eut-modal { display: none; visibility: hidden; opacity: 0; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; overflow-x: hidden; overflow-y: auto; -webkit-filter: blur(0); -webkit-overflow-scrolling: touch; outline: 0; height: 100%; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-modal-wrapper { position: relative; max-width: 600px; height: 100%; display: table; margin: 0 auto; } .eut-modal-content { position: relative; display: table-cell; vertical-align: middle; padding: 100px 15px; } .eut-modal.prepare-anim { display: block; } .eut-modal.animate { display: block; visibility: visible; opacity: 1; } /* ============================================================================= --- Search Modal ============================================================================= */ #eut-search-modal .eut-search { max-width: 100%; position: relative; } #eut-theme-wrapper .eut-modal .eut-search input[type='text'] { border: none; border-bottom: 2px solid; border-color: inherit; height: auto; margin-bottom: 0; opacity: 0; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); } #eut-theme-wrapper .eut-modal.animate .eut-search input[type='text'] { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #eut-theme-wrapper .eut-modal .eut-search button[type='submit'] { font-size: 24px; height: 50px; width: 50px; line-height: 50px; top: 50%; right: 0; opacity: 0; -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-theme-wrapper .eut-modal.animate .eut-search button[type='submit'] { opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } #eut-search-modal ::-webkit-input-placeholder { color: inherit; opacity: 1; } #eut-search-modal :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 1; } #eut-search-modal ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 1; } #eut-search-modal :-ms-input-placeholder { color: inherit; opacity: 1; } /* ============================================================================= --- Socials Modal ============================================================================= */ #eut-socials-modal .eut-social { margin: 0; margin-bottom: -15px; list-style: none; text-align: left; } #eut-socials-modal .eut-social li { display: inline-block; margin-right: 15px; margin-bottom: 15px; } #eut-socials-modal .eut-social li a { width: 56px; height: 56px; line-height: 52px; text-align: center; border: 2px solid; font-size: 18px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } /* ============================================================================= --- Language Modal ============================================================================= */ #eut-language-modal { text-align: center; } #eut-language-modal ul { display: block; list-style: none; margin: 0; } #eut-language-modal ul li { display: inline-block; } #eut-language-modal ul li a { display: block; padding: 10px 14px; margin: 10px; border: 2px solid; opacity: 0.5; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-language-modal ul li a:hover { opacity: 1; padding: 10px 18px; } #eut-language-modal ul li a.active { opacity: 1; } /* ============================================================================= --- Login Modal ============================================================================= */ #eut-login-modal .eut-modal-item { width: 320px; line-height: 30px; } @media only screen and (max-width: 767px){ #eut-login-modal .eut-modal-item { width: 280px; } #eut-login-modal .eut-modal-item .eut-alert a{ padding: 20px; } } #eut-login-modal .eut-login-modal-footer { padding-top: 20px; } #eut-login-modal .eut-form-errors { padding: 15px 0; } #eut-login-modal .eut-form-field, #eut-login-modal .eut-login-form-title { display: block; text-align: center; } #eut-login-modal .eut-login-form-description { display: block; margin-bottom: 15px; } #eut-theme-wrapper #eut-login-modal input[type='text'], #eut-theme-wrapper #eut-login-modal input[type='email'], #eut-theme-wrapper #eut-login-modal input[type='password'] { border-top: none; border-left: none; border-right: none; text-align: center; } #eut-theme-wrapper #eut-login-modal button[type="submit"] { margin-bottom: 2.222rem; } #eut-theme-wrapper .eut-reset-password-form-btn, #eut-theme-wrapper .eut-login-link a, #eut-theme-wrapper .eut-alert-info a { display: inline-block; color: inherit; opacity: 0.5; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-theme-wrapper .eut-reset-password-form-btn:hover, #eut-theme-wrapper .eut-login-link a:hover, #eut-theme-wrapper .eut-alert-info a:hover { opacity: 1; } /* ============================================================================= - Contact Form Styles ============================================================================= */ .wpcf7 { position: relative; } span.wpcf7-form-control-wrap { display: block; width: 100%; } span.wpcf7-not-valid-tip, div.wpcf7-mail-sent-ok { padding: 0 15px; position: absolute; bottom: -20px; left: 0; border: none; margin: 0; z-index: 1; } div.wpcf7-validation-errors { border: none; margin: 0; padding: 0 15px; position: absolute; top: -20px; left: 0; z-index: 1; } .eut-modal-title { margin-bottom: 1.600em; } /* Form Columns */ .eut-one-third { width: 33.33333333%; float: left; } .eut-one-half { width: 50%; float: left; } .eut-last-column + * { clear: both; } #eut-theme-wrapper .eut-modal p, #eut-theme-wrapper .eut-modal input[type='text'], #eut-theme-wrapper .eut-modal input[type='input'], #eut-theme-wrapper .eut-modal input[type='password'], #eut-theme-wrapper .eut-modal input[type='email'], #eut-theme-wrapper .eut-modal input[type='number'], #eut-theme-wrapper .eut-modal input[type='url'], #eut-theme-wrapper .eut-modal input[type='tel'], #eut-theme-wrapper .eut-modal input[type='search'], #eut-theme-wrapper .eut-modal textarea, #eut-theme-wrapper .eut-modal select { color: inherit; border-color: inherit; } /* Style 1 */ .wpb_column .eut-form-style-1 { margin-left: -15px; margin-right: -15px; } .eut-form-style-1 div { padding: 0 15px; } .eut-form-style-1:before, .eut-form-style-1:after { display: table; content: " "; } .eut-form-style-1:after { clear: both; } /* Style 2 */ .eut-form-style-2, .eut-form-style-2 div { border: 1px solid; border-color: inherit; position: relative; } .eut-form-style-2.eut-form-dark, .eut-form-style-2.eut-form-dark div { border-color: #000000; } .eut-form-style-2.eut-form-light, .eut-form-style-2.eut-form-light div { border-color: #ffffff; } #eut-theme-wrapper .eut-form-style-2.eut-form-dark input, #eut-theme-wrapper .eut-form-style-2.eut-form-dark textarea { color: #000000; } #eut-theme-wrapper .eut-form-style-2.eut-form-light input, #eut-theme-wrapper .eut-form-style-2.eut-form-light textarea { color: #ffffff; } #eut-theme-wrapper .eut-form-style-2 input[type="text"], #eut-theme-wrapper .eut-form-style-2 input[type='email'], #eut-theme-wrapper .eut-form-style-2 textarea { display: block; margin-bottom: 0; border: none; background-color: transparent; padding: 20px; } #eut-theme-wrapper .eut-form-style-2 input[type="submit"] { display: block; line-height: 60px; width: 100%; background-color: transparent; outline: none; } #eut-theme-wrapper .eut-form-style-2 input[type="text"]:focus, #eut-theme-wrapper .eut-form-style-2 input[type="email"]:focus, #eut-theme-wrapper .eut-form-style-2 input[type="submit"]:focus, #eut-theme-wrapper .eut-form-style-2 textarea:focus { box-shadow:0 0 0 0 rgba(0,0,0,0); } .eut-form-style-2 .ajax-loader { position: absolute; bottom: 23px; right: 23px; } .eut-form-style-2:before, .eut-form-style-2:after { display: table; content: " "; } .eut-form-style-2:after { clear: both; } /* Style 3 */ .wpb_column .eut-form-style-3 { margin-left: -5px; margin-right: -5px; } .eut-form-style-3 div { padding: 0 5px; } .eut-form-style-3:before, .eut-form-style-3:after { display: table; content: " "; } .eut-form-style-3:after { clear: both; } #eut-body #eut-theme-wrapper .eut-form-style-3 input[type='submit'] { -webkit-border-radius: 0; border-radius: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 41px; width: 100%; } /* Form with icons */ .wpcf7-form .eut-with-icon { position: relative; } .wpcf7-form .eut-with-icon i { position: absolute; top: 14px; left: 16px; width: 40px; text-align: center; } #eut-theme-wrapper .wpcf7-form .eut-with-icon input { padding-left: 40px; } /* ============================================================================= --- NewsLetter Style ============================================================================= */ #eut-body #eut-theme-wrapper .eut-newsletter { position: relative; } #eut-body #eut-theme-wrapper .eut-newsletter input[type='email'] { width: 100%; margin: 0; line-height: 52px; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 30%; padding-right: calc(30% + 15px); } #eut-body #eut-theme-wrapper .eut-newsletter input[type='submit'] { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 40px; position: absolute; top: 50%; right: 6px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #eut-body #eut-theme-wrapper .eut-newsletter .ajax-loader { background-color: #ffffff; padding: 3px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 50%; right: 30%; right: calc(30% + 15px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Mobile Newsletter */ @media only screen and (max-width: 767px) { #eut-body #eut-theme-wrapper .eut-newsletter input[type='email'] { padding-right: 15px; } #eut-body #eut-theme-wrapper .eut-newsletter input[type='submit'] { margin-top: 15px; margin-bottom: 0; line-height: 52px; width: 100%; position: static; top: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } /* Hidden Area */ .eut-hidden-area .eut-one-third, .eut-hidden-area .eut-one-half { width: 100%; float: none; } /* White Box */ .wpcf7 .eut-white-bg { background-color: #ffffff; padding: 12%; text-align: center; position: relative; } .wpcf7 .eut-white-bg .ajax-loader { position: absolute; top: 30px; right: 30px; } /* Tablet (portrait) */ @media only screen and (max-width: 959px) { .eut-one-third, .eut-one-half { width: 100%; float: none; } #eut-theme-wrapper .eut-form-style-3 input[type='submit'] { width: 100%; } } /* ============================================================================= - Anchor Menu ============================================================================= */ .eut-anchor-menu { position: relative; } .eut-anchor-menu .eut-anchor-wrapper { width: 100%; z-index: 999; position: relative; } .eut-anchor-menu .eut-container, .eut-anchor-menu > ul > li { line-height: inherit; } .eut-anchor-menu ul { margin: 0; list-style: none; font-size: 0; } .eut-anchor-menu ul li { text-align: left; } .eut-anchor-menu .eut-container ul.sub-menu li { display: block; } .eut-anchor-menu .eut-container a { position: relative; } .eut-anchor-menu .eut-container ul.sub-menu li a { padding: 15px 20px; display: block; } .eut-anchor-menu .eut-anchor-btn { text-align: center; vertical-align: top; font-size: 18px; display: inline-block; } .eut-anchor-menu .eut-anchor-btn i { display: inline-block; vertical-align: top; } .eut-anchor-menu .eut-container > ul > li > a { display: block; padding: 0 20px; } .eut-anchor-menu .eut-container ul.sub-menu { line-height: 1.4; display: none; } /* Arrows */ .eut-anchor-menu a .eut-arrow { position: absolute; top: 0; right: 0; width: 30px; height: 100%; z-index: 10; margin-top: 1px; display: inline-block; line-height: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-anchor-menu a .eut-arrow:after, .eut-anchor-menu a .eut-arrow:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition : all .3s ease .3s; -moz-transition : all .3s ease .3s; -ms-transition : all .3s ease .3s; -o-transition : all .3s ease .3s; transition : all .3s ease .3s; background-color: #333333; } .eut-anchor-menu a .eut-arrow:after { width: 9px; height: 1px; margin-left: -5px; margin-top: -1px; } .eut-anchor-menu a .eut-arrow:before { width: 1px; height: 9px; margin-left: -1px; margin-top: -5px; } .eut-anchor-menu .open > a .eut-arrow:after, .eut-anchor-menu .open > a .eut-arrow:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .eut-anchor-menu .eut-anchor-btn { display: none; } .eut-anchor-menu ul li { display: inline-block; vertical-align: top; position: relative; } .eut-anchor-menu a .eut-arrow { display: none; } .eut-anchor-menu .eut-container > ul > li > a { border-left: 1px solid; } .eut-anchor-menu .eut-container > ul > li:last-child > a { border-right: 1px solid; } .eut-anchor-menu .eut-container ul.sub-menu { position: absolute; top: 100%; left: 0; min-width: 200px; -webkit-animation-duration: .15s; -moz-animation-duration: .15s; -o-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: menu_animation; -moz-animation-name: menu_animation; -o-animation-name: menu_animation; animation-name: menu_animation; } .eut-anchor-menu .eut-container li:hover > ul.sub-menu { display: block; } .eut-anchor-menu .eut-container ul.sub-menu ul { top: 0; left: 100%; } /* Responsive */ @media only screen and (max-width: 767px) { .eut-anchor-menu { display: none; } } /* Sticky Anchor */ .eut-anchor-menu .eut-anchor-wrapper.eut-sticky { position: fixed; left: auto; width: 100%; } #eut-body.eut-boxed .eut-anchor-menu .eut-anchor-wrapper.eut-sticky { max-width: 1220px; } .eut-anchor-menu .eut-anchor-wrapper.eut-anchor-push { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .3s .5s; -moz-transition: -moz-transform .3s .5s; -ms-transition: -ms-transform .3s .5s; -o-transition: -o-transform .3s .5s; transition: transform .3s .5s; } /* ============================================================================= - Main Content ============================================================================= */ #eut-content { position: relative; z-index: 100; clear: both; } #eut-main-content .eut-main-content-wrapper { position: relative; } /* ============================================================================= - Bottom Bar ============================================================================= */ #eut-bottom-bar { text-align: center; } #eut-bottom-bar .eut-bottom-bar-wrapper { font-size: 0; } #eut-bottom-bar .eut-bottom-bar-title { display: block; clear: both; } #eut-bottom-bar .eut-bottom-bar-column-2 .eut-content-item { display: inline-block; vertical-align: top; max-width: 50%; } #eut-bottom-bar .eut-bottom-bar-column-2 .eut-bottom-bar-form-wrapper { min-width: 450px; } #eut-bottom-bar .eut-social { margin: 0; margin-bottom: -15px; list-style: none; text-align: left; } #eut-bottom-bar .eut-bottom-bar-column-1 .eut-social { text-align: center; } #eut-bottom-bar .eut-social li { display: inline-block; margin-right: 15px; margin-bottom: 15px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; opacity: 0; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } #eut-bottom-bar .eut-social li.active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #eut-bottom-bar .eut-bottom-bar-column-1 .eut-social li:last-child { margin-right: 0; } #eut-bottom-bar .eut-social li a { width: 58px; height: 58px; line-height: 56px; text-align: center; border: 1px solid; font-size: 18px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } @media only screen and (max-width: 1023px) { #eut-bottom-bar .eut-bottom-bar-column-2 .eut-content-item { display: block; max-width: 100%; } #eut-bottom-bar .eut-bottom-bar-column-2 .eut-content-item + .eut-content-item { margin-top: 30px; } #eut-bottom-bar .eut-bottom-bar-column-2 .eut-bottom-bar-form-wrapper { min-width: 100%; } #eut-bottom-bar .eut-social { margin-bottom: -12px; text-align: center; } #eut-bottom-bar .eut-social li { margin-right: 12px; margin-bottom: 12px; } } @media only screen and (max-width: 767px) { #eut-bottom-bar .eut-social { margin-bottom: -8px; } #eut-bottom-bar .eut-social li { margin-right: 8px; margin-bottom: 8px; } } /* ============================================================================= - Footer ============================================================================= */ #eut-footer { position: relative; } #eut-footer.eut-fixed-footer { position: fixed; z-index: 1; width: 100%; bottom: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-body.eut-boxed #eut-footer.eut-fixed-footer { max-width: 1220px; } #eut-footer .eut-widget-area { border-bottom: 1px solid; } #eut-footer .eut-widget-area.eut-fullwidth { padding-left: 1.875rem; padding-right: 1.875rem; } /* ============================================================================= --- Footer Bar ============================================================================= */ #eut-footer .eut-footer-bar { position: relative; z-index: 5; } #eut-footer .eut-footer-bar ul { margin: 0; text-align: right; list-style: none; } #eut-footer .eut-footer-bar ul li { display: inline-block; margin-right: 15px; } #eut-footer .eut-footer-bar .eut-left-side { float: left; text-align: left; width: 50%; padding: 0 25px; } #eut-footer .eut-footer-bar .eut-right-side { float: right; text-align: right; width: 50%; padding: 0 25px; } #eut-footer .eut-footer-bar[data-align-center="yes"] .eut-left-side, #eut-footer .eut-footer-bar[data-align-center="yes"] .eut-right-side { float: none; text-align: center; width: 100%; } #eut-footer .eut-footer-bar[data-align-center="yes"] ul { margin: 0 8px; text-align: center; } #eut-footer .eut-footer-bar[data-align-center="yes"] .eut-left-side + .eut-right-side { margin-top: 25px; } /* Tablet (portrait) ----------- */ @media only screen and (max-width: 959px) { #eut-footer .eut-footer-bar .eut-left-side, #eut-footer .eut-footer-bar .eut-right-side { float: none; text-align: center; width: 100%; padding: 0; } #eut-footer .eut-footer-bar ul { margin: 0 8px; text-align: center; } #eut-footer .eut-footer-bar .eut-left-side + .eut-right-side { margin-top: 25px; } } /* ============================================================================= - Background Image ============================================================================= */ .eut-background-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .eut-bg-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition : opacity .4s ease; -moz-transition : opacity .4s ease; -ms-transition : opacity .4s ease; -o-transition : opacity .4s ease; transition : opacity .4s ease; } /* Pattern Bg */ .eut-bg-pattern .eut-bg-image { background-repeat: repeat; background-size: contain; } /* Animated Bg */ .eut-bg-animated .eut-bg-image, .eut-bg-animated .eut-bg-video { -webkit-transform : scale(1.0); -moz-transform : scale(1.0); -o-transform : scale(1.0); transform : scale(1.0); -webkit-transition : -webkit-transform 20s ease, opacity 0.4s; -moz-transition : -moz-transform 20s ease, opacity 0.4s; -ms-transition : -ms-transform 20s ease, opacity 0.4s; -o-transition : -o-transform 20s ease, opacity 0.4s; transition : transform 20s ease, opacity 0.4s; } .eut-bg-animated.zoom .eut-bg-image, .eut-bg-animated.zoom .eut-bg-video { -webkit-transform : scale(1.4); -moz-transform : scale(1.4); -o-transform : scale(1.4); transform : scale(1.4); } .eut-bg-horizontal .eut-bg-image { background-size: contain; } .eut-bg-image.show { opacity: 1; } /* Background Positions */ .eut-bg-image.eut-bg-left-top { background-position: left top; } .eut-bg-image.eut-bg-left-center { background-position: left center; } .eut-bg-image.eut-bg-left-bottom { background-position: left bottom; } .eut-bg-image.eut-bg-center-top { background-position: center top; } .eut-bg-image.eut-bg-center-center { background-position: center center; } .eut-bg-image.eut-bg-center-bottom { background-position: center bottom; } .eut-bg-image.eut-bg-right-top { background-position: right top; } .eut-bg-image.eut-bg-right-center { background-position: right center; } .eut-bg-image.eut-bg-right-bottom { background-position: right bottom; } /* ============================================================================= - Background Image Sizes ============================================================================= */ .eut-bg-wrapper { position: relative; } .eut-bg-wrapper:before { display: block; content: ''; } .eut-bg-wrapper.eut-full-size { height: 100%; } .eut-bg-wrapper.eut-custom-size { padding-bottom: 75%; } .eut-bg-wrapper.eut-large-rect-horizontal { padding-bottom: 56.239316%; } .eut-bg-wrapper.eut-small-square { padding-bottom: 100%; } .eut-bg-wrapper.eut-small-rect-horizontal { padding-bottom: 75%; } .eut-bg-wrapper.eut-small-rect-horizontal-wide { padding-bottom: 56.25%; } .eut-bg-wrapper.eut-small-rect-vertical { padding-bottom: 133.3333333%; } .eut-bg-wrapper.eut-medium-rect-vertical { padding-bottom: 200%; } .eut-bg-wrapper.eut-medium-square { padding-bottom: 100%; } /* ============================================================================= - Background Video ============================================================================= */ .eut-bg-video, .eut-bg-video-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition : opacity .4s ease; -moz-transition : opacity .4s ease; -ms-transition : opacity .4s ease; -o-transition : opacity .4s ease; transition : opacity .4s ease; } .eut-section .eut-bg-video, .eut-bg-video.show { opacity: 1; } .eut-bg-video video, .eut-bg-video iframe { position: absolute; max-width: none; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .eut-bg-video + .eut-bg-image.show { opacity: 0 !important; } .eut-bg-video-wrapper { opacity: 1; } .eut-bg-video-wrapper .vc_hidden-xs { display: block !important; } .eut-yt-bg-video, .eut-iframe-bg-video { pointer-events: none; } .eut-background-wrapper .eut-video-icon { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } .eut-background-wrapper .eut-icon-left-top { top: 45px; left: 45px; } .eut-background-wrapper .eut-icon-right-top { top: 45px; left: initial; right: 15px; } .eut-background-wrapper .eut-icon-left-bottom { top: initial; left: 45px; bottom: 15px; } .eut-background-wrapper .eut-icon-right-bottom { top: initial; left: initial; right: 15px; bottom: 15px; } /* ============================================================================= - Background Overlay ============================================================================= */ .eut-bg-overlay { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .eut-bg-overlay { -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-page-title .eut-bg-overlay, #eut-feature-section .eut-bg-overlay, .eut-hover-style-3.eut-image-hover.hover .eut-hover-overlay, .eut-hover-style-5.eut-image-hover.hover .eut-hover-overlay { opacity: 0; } .eut-page-title .eut-bg-overlay.show, #eut-feature-section .eut-bg-overlay.show { opacity: 1; } .eut-opacity-10, .eut-image-hover.hover .eut-opacity-10, .eut-hover-style-3.eut-image-hover .eut-opacity-10, .eut-hover-style-5.eut-image-hover .eut-opacity-10 { opacity: 0.1; } .eut-opacity-20, .eut-image-hover.hover .eut-opacity-20, .eut-hover-style-3.eut-image-hover .eut-opacity-20, .eut-hover-style-5.eut-image-hover .eut-opacity-20 { opacity: 0.2; } .eut-opacity-30, .eut-image-hover.hover .eut-opacity-30, .eut-hover-style-3.eut-image-hover .eut-opacity-30, .eut-hover-style-5.eut-image-hover .eut-opacity-30 { opacity: 0.3; } .eut-opacity-40, .eut-image-hover.hover .eut-opacity-40, .eut-hover-style-3.eut-image-hover .eut-opacity-40, .eut-hover-style-5.eut-image-hover .eut-opacity-40 { opacity: 0.4; } .eut-opacity-50, .eut-image-hover.hover .eut-opacity-50, .eut-hover-style-3.eut-image-hover .eut-opacity-50, .eut-hover-style-5.eut-image-hover .eut-opacity-50 { opacity: 0.5; } .eut-opacity-60, .eut-image-hover.hover .eut-opacity-60, .eut-hover-style-3.eut-image-hover .eut-opacity-60, .eut-hover-style-5.eut-image-hover .eut-opacity-60 { opacity: 0.6; } .eut-opacity-70, .eut-image-hover.hover .eut-opacity-70, .eut-hover-style-3.eut-image-hover .eut-opacity-70, .eut-hover-style-5.eut-image-hover .eut-opacity-70 { opacity: 0.7; } .eut-opacity-80, .eut-image-hover.hover .eut-opacity-80, .eut-hover-style-3.eut-image-hover .eut-opacity-80, .eut-hover-style-5.eut-image-hover .eut-opacity-80 { opacity: 0.8; } .eut-opacity-90, .eut-image-hover.hover .eut-opacity-90, .eut-hover-style-3.eut-image-hover .eut-opacity-90, .eut-hover-style-5.eut-image-hover .eut-opacity-90 { opacity: 0.9; } .eut-opacity-100, .eut-image-hover.hover .eut-opacity-100, .eut-hover-style-3.eut-image-hover .eut-opacity-100, .eut-hover-style-5.eut-image-hover .eut-opacity-100 { opacity: 1; } /* Patterns & Overlays */ .eut-pattern { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 4; background-image: url(//www.maharamindfulness.com/wp-content/themes/anemos/images/graphics/pattern-1.png); background-repeat: repeat; } /* ============================================================================= - Page Overlay ============================================================================= */ .eut-body-overlay { background-color: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none; cursor: pointer; z-index: 9998; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } /* ============================================================================= - Hover Overlay ============================================================================= */ .eut-image-hover, .eut-image-hover .eut-media { position: relative; overflow: hidden; } .eut-image-hover .eut-hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .eut-gradient-overlay:after { position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ' '; display: block; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; opacity: 1; z-index: 4; -webkit-border-radius: inherit; border-radius: inherit; background: linear-gradient(to top, rgba(0,0,0, 0.3) 0%, rgba(0,0, 0, 0.2) 50%, rgba(0,0, 0, 0) 70%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(to top, rgba(0,0,0, 0.3) 0%, rgba(0,0, 0, 0.2) 50%, rgba(0,0, 0, 0) 70%, rgba(0,0,0,0) 100%); } /* ============================================================================= - Hover Zoom Effect ============================================================================= */ /* Image General Settings */ .eut-image-hover img { position: relative; display: block; max-width: none; width: 100%; -webkit-border-radius: inherit; border-radius: inherit; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-image-hover img { -webkit-transition : -webkit-transform 0.35s; -moz-transition : -moz-transform 0.35s; -ms-transition : -ms-transform 0.35s; -o-transition : -o-transform 0.35s; transition : transform 0.35s; } /* Image Zoom In */ .eut-image-hover.eut-zoom-in img { -webkit-transform: scale(1); transform: scale(1); } .eut-image-hover.eut-zoom-in.hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } /* Zoom In for Lanscape Image */ .eut-image-landscape .eut-image-hover.eut-zoom-in img { -webkit-transform: scale(1) translate(0, -50%); -moz-transform: scale(1) translate(0, -50%); -ms-transform: scale(1) translate(0, -50%); -o-transform: scale(1) translate(0, -50%); transform: scale(1) translate(0, -50%); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .eut-image-landscape .eut-image-hover.eut-zoom-in.hover img { -webkit-transform: scale(1.12) translate(0, -50%); -moz-transform: scale(1.12) translate(0, -50%); -ms-transform: scale(1.12) translate(0, -50%); -o-transform: scale(1.12) translate(0, -50%); transform: scale(1.12) translate(0, -50%); } /* Zoom In for Portrait Image */ .eut-image-portrait .eut-image-hover.eut-zoom-in img { -webkit-transform: scale(1) translate(-50%, 0); -moz-transform: scale(1) translate(-50%, 0); -ms-transform: scale(1) translate(-50%, 0); -o-transform: scale(1) translate(-50%, 0); transform: scale(1) translate(-50%, 0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .eut-image-portrait .eut-image-hover.eut-zoom-in.hover img { -webkit-transform: scale(1.12) translate(-50%, 0); -moz-transform: scale(1.12) translate(-50%, 0); -ms-transform: scale(1.12) translate(-50%, 0); -o-transform: scale(1.12) translate(-50%, 0); transform: scale(1.12) translate(-50%, 0); } /* Image Zoom Out */ .eut-image-hover.eut-zoom-out img { -webkit-transform: scale(1.12); transform: scale(1.12); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .eut-image-hover.eut-zoom-out.hover img { -webkit-transform: scale(1); transform: scale(1); } /* Zoom Out for Lanscape Image */ .eut-image-landscape .eut-image-hover.eut-zoom-out img { -webkit-transform: scale(1.12) translate(0, -50%); -moz-transform: scale(1.12) translate(0, -50%); -ms-transform: scale(1.12) translate(0, -50%); -o-transform: scale(1.12) translate(0, -50%); transform: scale(1.12) translate(0, -50%); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .eut-image-landscape .eut-image-hover.eut-zoom-out.hover img { -webkit-transform: scale(1) translate(0, -50%); -moz-transform: scale(1) translate(0, -50%); -ms-transform: scale(1) translate(0, -50%); -o-transform: scale(1) translate(0, -50%); transform: scale(1) translate(0, -50%); } /* Zoom Out for Portrait Image */ .eut-image-portrait .eut-image-hover.eut-zoom-out img { -webkit-transform: scale(1.12) translate(-50%, 0); -moz-transform: scale(1.12) translate(-50%, 0); -ms-transform: scale(1.12) translate(-50%, 0); -o-transform: scale(1.12) translate(-50%, 0); transform: scale(1.12) translate(-50%, 0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .eut-image-portrait .eut-image-hover.eut-zoom-out.hover img { -webkit-transform: scale(1) translate(-50%, 0); -moz-transform: scale(1) translate(-50%, 0); -ms-transform: scale(1) translate(-50%, 0); -o-transform: scale(1) translate(-50%, 0); transform: scale(1) translate(-50%, 0); } /* ============================================================================= - Main Loader ============================================================================= */ #eut-loader-overflow { display:block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 99999; } /* ============================================================================= - Zoom Effect ============================================================================= */ .eut-zoom-effect { overflow: hidden; } .eut-zoom-effect img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-zoom-effect:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* ============================================================================= - Go to Section ============================================================================= */ #eut-goto-section-wrapper { position: absolute; font-size: 16px; bottom: 5%; left: 0; width: 100%; height: 3.125em; z-index: 100; opacity: 0; -webkit-transition : all .5s; -moz-transition : all .5s; -ms-transition : all .5s; -o-transition : all .5s; transition : all .5s; -webkit-transform: translateY(250%); -moz-transform: translateY(250%); -ms-transform: translateY(250%); -o-transform: translateY(250%); transform: translateY(250%); } #eut-goto-section-wrapper.eut-animation { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #eut-goto-section { cursor: pointer; font-size: inherit; display: block; border: 1px solid; width: 3.125em; height: 3.125em; text-align: center; line-height: 3.125em; -webkit-border-radius: 100px; border-radius: 100px; display: inline-block; -webkit-animation-name: goto-animation; -moz-animation-name: goto-animation; -o-animation-name: goto-animation; animation-name: goto-animation; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } @-webkit-keyframes goto-animation { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translate( 0, 0 ); } 40% { -webkit-transform: translate( 0, -15px ); } 60% { -webkit-transform: translate( 0, -5px ); } } @-moz-keyframes goto-animation { 0%, 20%, 50%, 80%, 100% { -moz-transform: translate( 0, 0 ); } 40% { -moz-transform: translate( 0, -15px ); } 60% { -moz-transform: translate( 0, -5px ); } } @-o-keyframes goto-animation { 0%, 20%, 50%, 80%, 100% { -o-transform: translate( 0, 0 ); } 40% { -o-transform: translate( 0, -15px ); } 60% { -o-transform: translate( 0, -5px ); } } @keyframes goto-animation { 0%, 20%, 50%, 80%, 100% { transform: translate( 0, 0 ); } 40% { transform: translate( 0, -15px ); } 60% { transform: translate( 0, -5px ); } } @media only screen and (max-width: 959px) { #eut-goto-section-wrapper { display: none; } } /* ============================================================================= - Back to Top ============================================================================= */ .eut-back-top { position: fixed; width: 48px; height: 48px; bottom: -60px; right: 20px; text-align: center; z-index: 900; cursor: pointer; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition : all .3s ease; -moz-transition : all .3s ease; -ms-transition : all .3s ease; -o-transition : all .3s ease; transition : all .3s ease; } @media only screen and (min-width: 1024px) { .eut-back-top.eut-anemos-back-top { display: none; } } .eut-back-top i { font-size: 24px; line-height: 48px; } .eut-back-top.show { -webkit-transform: translate(0, -70px); -moz-transform: translate(0, -70px); -ms-transform: translate(0, -70px); -o-transform: translate(0, -70px); transform: translate(0, -70px); } /* ============================================================================= - Header Back to Top ============================================================================= */ .eut-header-back-top { position: relative; z-index: 8; overflow: hidden; } .eut-header-back-top a .eut-item{ -webkit-transition : all .2s; -moz-transition : all .2s; -ms-transition : all .2s; -o-transition : all .2s; transition : all .2s; } .eut-header-back-top a { -webkit-transition : all .2s; -moz-transition : all .2s; -ms-transition : all .2s; -o-transition : all .2s; transition : all .2s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .eut-header-back-top a.show { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-header-back-top .eut-item i { font-size: 12px; } /* ============================================================================= - Basic Shapes ( Round - Extra Round - Circle ) ============================================================================= */ .eut-round { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .eut-extra-round { -webkit-border-radius: 50px !important; border-radius: 50px !important; } .eut-circle { -webkit-border-radius: 50% !important; border-radius: 50% !important; } /* ============================================================================= - Euthemians Icon Library ============================================================================= */ @font-face { font-family: 'euthemians'; src:url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/euthemians-icons/euthemians.eot?v=1.0.0); src:url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/euthemians-icons/euthemians.eot?#iefix&v=1.0.0) format('embedded-opentype'), url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/euthemians-icons/euthemians.woff?v=1.0.0) format('woff'), url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/euthemians-icons/euthemians.ttf?v=1.0.0) format('truetype'), url(//www.maharamindfulness.com/wp-content/themes/anemos/fonts/euthemians-icons/euthemians.svg?v=1.0.0#euthemians) format('svg'); font-weight: normal; font-style: normal; } [class^="eut-icon-"], [class*=" eut-icon-"] { font-family: 'euthemians' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 16px; /* Better Font Rendering =========== */ text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .eut-icon-quote:before { content: "\e900"; } .eut-icon-circle-small:before { content: "\e901"; } .eut-icon-heart-o:before { content: "\e902"; } .eut-icon-heart:before { content: "\e903"; } .eut-icon-th-large:before { content: "\e600"; } .eut-icon-envelope:before { content: "\e601"; } .eut-icon-nav-down:before { content: "\e602"; } .eut-icon-shop:before { content: "\e603"; } .eut-icon-safebutton:before { content: "\e604"; } .eut-icon-comment:before { content: "\e605"; } .eut-icon-date:before { content: "\e606"; } .eut-icon-video:before { content: "\e607"; } .eut-icon-pencil:before { content: "\e608"; } .eut-icon-user:before { content: "\e609"; } .eut-icon-link:before { content: "\e60a"; } .eut-icon-close:before { content: "\e60b"; } .eut-icon-menu:before { content: "\e60d"; } .eut-icon-double-nav-left:before { content: "\e60e"; } .eut-icon-double-nav-right:before { content: "\e60f"; } .eut-icon-nav-right:before { content: "\e610"; } .eut-icon-nav-left:before { content: "\e611"; } .eut-icon-nav-up:before { content: "\e612"; } .eut-icon-socials:before { content: "\e613"; } .eut-icon-globe:before { content: "\e614"; } .eut-icon-search:before { content: "\e615"; } .eut-icon-plus:before { content: "\e616"; } /* ============================================================================= - Video Icon ============================================================================= */ .eut-video-icon { width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 30px; display: block; color: #ffffff; z-index: 3; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-video-icon:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* ============================================================================= - Popup HTML5 Video ============================================================================= */ .eut-html5-video-popup-container { max-width: 900px; margin: 0 auto; } .eut-html5-video-popup-container video { width: 100%; } /* ============================================================================= - Magnific Popup ============================================================================= */ .mfp-container { opacity: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: hidden; position: fixed; background: #000000; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { } .mfp-close:before { content: "\e60b"; font-family: 'euthemians'; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { cursor: pointer !important; } .mfp-close:hover, .mfp-close:focus { } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; margin: 0; top: 50%; margin-top: -25px; padding: 0; width: 50px; height: 50px; } button.mfp-arrow { width: 50px; height: 50px; margin-top: -25px; font-size: 24px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } button.mfp-arrow:before { font-family: 'euthemians' !important; } .mfp-arrow-left { left: 20px; } .mfp-arrow-right { right: 20px; } .mfp-arrow-left:before { content: '\e611'; } .mfp-arrow-right:before { content: '\e610'; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0 70px; margin: 0 auto; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -55px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 24px; color: #ffffff; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* ============================================================================= - Animations ============================================================================= */ .eut-animated-item { opacity: 0; } html.ie9 .eut-animated-item { opacity: 1; } .eut-animated { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:.8s; -moz-animation-duration:.8s; -ms-animation-duration:.8s; -o-animation-duration:.8s; animation-duration:.8s; opacity: 1; } @-webkit-keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } .eut-fade-in.eut-animated { -webkit-animation-name: eut_fade_in; -moz-animation-name: eut_fade_in; -o-animation-name: eut_fade_in; } @-webkit-keyframes eut_fade_in_up { 0% { opacity: 0; -webkit-transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes eut_fade_in_up { 0% { opacity: 0; -moz-transform: translateY(100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes eut_fade_in_up { 0% { opacity: 0; -o-transform: translateY(100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes eut_fade_in_up { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0); } } .eut-fade-in-up.eut-animated { -webkit-animation-name: eut_fade_in_up; -moz-animation-name: eut_fade_in_up; -o-animation-name: eut_fade_in_up; animation-name: eut_fade_in_up; } @-webkit-keyframes eut_fade_in_down { 0% { opacity: 0; -webkit-transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes eut_fade_in_down { 0% { opacity: 0; -moz-transform: translateY(-100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes eut_fade_in_down { 0% { opacity: 0; -o-transform: translateY(-100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes eut_fade_in_down { 0% { opacity: 0; transform: translateY(-100px); } 100% { opacity: 1; transform: translateY(0); } } .eut-fade-in-down.eut-animated { -webkit-animation-name: eut_fade_in_down; -moz-animation-name: eut_fade_in_down; -o-animation-name: eut_fade_in_down; animation-name: eut_fade_in_down; } @-webkit-keyframes eut_fade_in_left { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes eut_fade_in_left { 0% { opacity: 0; -moz-transform: translateX(-100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes eut_fade_in_left { 0% { opacity: 0; -o-transform: translateX(-100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes eut_fade_in_left { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } .eut-fade-in-left.eut-animated { -webkit-animation-name: eut_fade_in_left; -moz-animation-name: eut_fade_in_left; -o-animation-name: eut_fade_in_left; animation-name: eut_fade_in_left; } @-webkit-keyframes eut_fade_in_right { 0% { opacity: 0; -webkit-transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes eut_fade_in_right { 0% { opacity: 0; -moz-transform: translateX(100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes eut_fade_in_right { 0% { opacity: 0; -o-transform: translateX(100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes eut_fade_in_right { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } } .eut-fade-in-right.eut-animated { -webkit-animation-name: eut_fade_in_right; -moz-animation-name: eut_fade_in_right; -o-animation-name: eut_fade_in_right; animation-name: eut_fade_in_right; } @-webkit-keyframes eut_zoom_in { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 1; } } @keyframes eut_zoom_in { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 1; } } .eut-zoom-in.eut-animated { -webkit-animation-name: eut_zoom_in; animation-name: eut_zoom_in; -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -ms-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; } /* ============================================================================= - Full Page ============================================================================= */ #eut-fullpage { /*margin-top: -80px;*/ } #eut-fullpage .eut-section { height: 100vh; } #eut-fullpage .eut-section { margin-bottom: 0; } #eut-fullpage .eut-section > div { visibility: hidden; } html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller{ overflow: hidden; } .iScrollIndicator{ border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #000000; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav.eut-dark ul li a span { background-color: #000000; } #fp-nav.eut-light ul li a span { background-color: #ffffff; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height: auto !important; } #fp-nav .fp-tooltip { background-color: rgba(0,0,0,0.8); color: #ffffff; font-size: 11px; line-height: 1.2em; padding: 5px 8px; -webkit-border-radius: 3px; border-radius: 3px; } /* ============================================================================= - Grid Settings ============================================================================= */ #eut-theme-wrapper { position: relative; float: none; width: 1220px; margin: 0 auto; } body.eut-stretched #eut-theme-wrapper { width: 100%; margin: 0; overflow-y: hidden; } .eut-container { max-width: 1170px; width: 100%; margin-right: auto; margin-left: auto; position: relative; } .eut-container:before, .eut-container:after { display: table; content: " "; } .eut-container:after { clear: both; } /* ============================================================================= --- Section Settings ============================================================================= */ .eut-section { position: relative; } /* Full Width Section */ .eut-fullwidth .eut-container { width: 100% !important; max-width: 100% !important; display: block; } #eut-content.eut-left-sidebar .eut-section.eut-fullwidth, #eut-content.eut-right-sidebar .eut-section.eut-fullwidth, #eut-content.eut-left-sidebar .eut-section.eut-fullwidth-background, #eut-content.eut-right-sidebar .eut-section.eut-fullwidth-background { visibility: hidden; } /* Small Width Section */ .eut-smallwidth .eut-container { padding-left: 200px; padding-right: 200px; } #eut-theme-wrapper.eut-header-side .eut-smallwidth .eut-container { padding-left: 90px; padding-right: 90px; } /* Full Height Section */ .eut-section.eut-fullheight { min-height: 100vh; } .eut-section.eut-fullheight .eut-container { visibility: hidden; } /* ============================================================================= --- Row Settings ============================================================================= */ .eut-row:before, .eut-row:after, .eut-row-inner:before, .eut-row-inner:after { display: table; content: " "; } .eut-row:after, .eut-row-inner:after { clear: both; } /* Full Width Section */ .eut-fullwidth .eut-row { margin-right: 0; margin-left: 0; } .eut-fullwidth .eut-row-inner { width: 100%; } .eut-fullwidth .eut-row .eut-column { padding-right: 0; padding-left: 0; } .eut-section.eut-equal-column .eut-column .eut-column-wrapper, .eut-section.eut-middle-content .eut-column .eut-column-wrapper { visibility: hidden; } .eut-section.eut-middle-content .eut-column.eut-middle { display: table; } .eut-section.eut-middle-content .eut-column.eut-middle .eut-column-wrapper { display: table-cell; vertical-align: middle; width: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .eut-section.eut-middle-content .eut-column.eut-middle { table-layout: fixed; } } html.ie9 .eut-section.eut-middle-content .eut-column.eut-middle { table-layout: fixed; } /* ============================================================================= --- Columns ============================================================================= */ .eut-column-1-12, .eut-column-5-12, .eut-column-7-12, .eut-column-11-12, .eut-column-1-6, .eut-column-1-5, .eut-column-2-5, .eut-column-3-5, .eut-column-1-4, .eut-column-1-2, .eut-column-1-3, .eut-column-2-3, .eut-column-3-4, .eut-column-4-5, .eut-column-5-6, .eut-column-1 { float: left; position: relative; min-height: 1px; z-index: 5; } .eut-column-1-12 { width: 8.33333333%; } .eut-column-5-12 { width: 41.66666667%; } .eut-column-7-12 { width: 58.33333333%; } .eut-column-11-12 { width: 91.66666667%; } .eut-column-1-6 { width: 16.66666667%; } .eut-column-1-5 { width: 20%; } .eut-column-2-5 { width: 40%; } .eut-column-3-5 { width: 60%; } .eut-column-1-4 { width: 25%; } .eut-column-1-3 { width: 33.33333333%; } .eut-column-1-2 { width: 50.0%; } .eut-column-2-3 { width: 66.66666667%; } .eut-column-3-4 { width: 75.0%; } .eut-column-4-5 { width: 80.0%; } .eut-column-5-6 { width: 83.33333333%; } .eut-column-1 { width: 100.0%; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ============================================================================= --- Columns Gap ============================================================================= */ /* No Gap */ .eut-row.eut-columns-gap-none { margin: 0; } .eut-row.eut-columns-gap-none .eut-column { padding: 0; } .eut-section.eut-fullwidth .eut-row:not(.eut-columns-gap-none) { margin-right: 0; margin-left: 0; } /* ============================================================================= --- Grid Responsive ============================================================================= */ /* Desktops and laptops ----------- */ @media screen and (min-width: 1201px) { .eut-desktop-column-hide, .eut-desktop-row-hide { display: none !important; } } /* Tablet (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1200px) { .eut-tablet-column-hide, .eut-tablet-row-hide { display: none !important; } } @media only screen and (max-width: 1200px) { .eut-smallwidth .eut-container { padding-left: 90px; padding-right: 90px; } /* Tablet Columns */ .eut-tablet-column-1-12 { width: 8.33333333%; } .eut-tablet-column-5-12 { width: 41.66666667%; } .eut-tablet-column-7-12 { width: 58.33333333%; } .eut-tablet-column-11-12 { width: 91.66666667%; } .eut-tablet-column-1-6 { width: 16.66666667%; } .eut-tablet-column-1-5 { width: 20%; } .eut-tablet-column-2-5 { width: 40%; } .eut-tablet-column-3-5 { width: 60%; } .eut-tablet-column-1-4 { width: 25%; } .eut-tablet-column-1-3 { width: 33.33333333%; } .eut-tablet-column-1-2 { width: 50.0%; } .eut-tablet-column-2-3{ width: 66.66666667%; } .eut-tablet-column-3-4 { width: 75.0%; } .eut-tablet-column-4-5 { width: 80.0%; } .eut-tablet-column-5-6 { width: 83.33333333%; } .eut-tablet-column-1 { width: 100.0%; } } /* Tablet (portrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .eut-tablet-sm-column-hide, .eut-tablet-sm-row-hide { display: none !important; } } @media only screen and (max-width: 959px) { .eut-container { max-width: 90% !important; } /* Tablet Columns */ .eut-tablet-sm-column-1-12 { width: 8.33333333%; } .eut-tablet-sm-column-5-12 { width: 41.66666667%; } .eut-tablet-sm-column-7-12 { width: 58.33333333%; } .eut-tablet-sm-column-11-12 { width: 91.66666667%; } .eut-tablet-sm-column-1-6 { width: 16.66666667%; } .eut-tablet-sm-column-1-5 { width: 20%; } .eut-tablet-sm-column-2-5 { width: 40%; } .eut-tablet-sm-column-3-5 { width: 60%; } .eut-tablet-sm-column-1-4 { width: 25%; } .eut-tablet-sm-column-1-3 { width: 33.33333333%; } .eut-tablet-sm-column-1-2 { width: 50.0%; } .eut-tablet-sm-column-2-3{ width: 66.66666667%; } .eut-tablet-sm-column-3-4 { width: 75.0%; } .eut-tablet-sm-column-4-5 { width: 80.0%; } .eut-tablet-sm-column-5-6 { width: 83.33333333%; } .eut-tablet-sm-column-1 { width: 100.0%; } } /* Smartphones (landscape) ----------- */ @media only screen and (max-width: 767px) { .eut-mobile-column-hide, .eut-mobile-row-hide { display: none !important; } .eut-smallwidth .eut-container { padding-left: 1.875rem; padding-right: 1.875rem; } .eut-column-1-12, .eut-column-5-12, .eut-column-7-12, .eut-column-11-12, .eut-column-1-6, .eut-column-1-5, .eut-column-2-5, .eut-column-3-5, .eut-column-1-4, .eut-column-1-2, .eut-column-1-3, .eut-column-2-3, .eut-column-3-4, .eut-column-4-5, .eut-column-5-6, .eut-column-1 { width: 100%; } .eut-mobile-column-1-5 { width: 20%; } .eut-mobile-column-2-5 { width: 40%; } .eut-mobile-column-3-5 { width: 60%; } .eut-mobile-column-4-5 { width: 80%; } .eut-mobile-column-1-4 { width: 25%; } .eut-mobile-column-1-3 { width: 33.33333333%; } .eut-mobile-column-1-2 { width: 50.0%; } .eut-mobile-column-1 { width: 100.0%; } #eut-main-content .eut-column-1-12, #eut-main-content .eut-column-5-12, #eut-main-content .eut-column-7-12, #eut-main-content .eut-column-11-12, #eut-main-content .eut-column-1-6, #eut-main-content .eut-column-1-5, #eut-main-content .eut-column-2-5, #eut-main-content .eut-column-3-5, #eut-main-content .eut-column-1-4, #eut-main-content .eut-column-1-2, #eut-main-content .eut-column-1-3, #eut-main-content .eut-column-2-3, #eut-main-content .eut-column-3-4, #eut-main-content .eut-column-4-5, #eut-main-content .eut-column-5-6, #eut-main-content .eut-column-1 { border: none !important; } .eut-column-wrapper { padding-right: 0; padding-left: 0; } .eut-section.eut-fullwidth .eut-row { padding-right: 0 !important; padding-left: 0 !important; } .eut-fullwidth .eut-row:not(.eut-columns-gap-none) .eut-column { padding-right: 15px; padding-left: 15px; } } /* Smartphones (portrait) ----------- */ @media only screen and (max-width: 479px) { .eut-mobile-sm-column-1-4 { width: 25%; } .eut-mobile-sm-column-1-3 { width: 33.33333333%; } .eut-mobile-sm-column-1-2 { width: 50.0%; } .eut-mobile-sm-column-1 { width: 100.0%; } .eut-container .eut-column { padding-left: 0 !important; padding-right: 0 !important; } .eut-row { margin-right: 0 !important; margin-left: 0 !important; } } /* ============================================================================= - GDPR Privacy ============================================================================= */ #eut-privacy-bar { background: rgba(0, 0, 0, 0.9); color: #ffffff; left: 5%; right: 5%; bottom: 4%; position: fixed; width: 100%; max-width: 90%; z-index: 9999999; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: none; } .eut-privacy-wrapper { padding: 30px; position: relative; font-size: 12px; line-height: 16px; overflow: hidden; } .eut-privacy-content { padding-right: 300px; } .eut-privacy-buttons-wrapper { position: absolute; z-index: 3; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .eut-privacy-btn { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border-width: 0; -webkit-box-shadow: none; box-shadow: none; line-height: 20px; padding: 10px 27px 10px 27px; text-shadow: none; text-transform: none; cursor: pointer; background-color: #2bc137; color: #ffffff; outline: 0; letter-spacing: 0 !important; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-privacy-btn + .eut-privacy-btn { margin-left: 24px; } .eut-privacy-preferences { background-color: transparent; color: #ffffff; padding-left: 0px; padding-right: 0px; } .eut-privacy-preferences:hover { background-color: transparent; opacity: 0.6; color: inherit; } .eut-privacy-agreement:hover, .eut-privacy-refresh-btn:hover { background-color: #17a523; } /* Position Left / Right */ #eut-privacy-bar.eut-bar-position-left { left: 15px; right: auto; bottom: 15px; width: 30%; } #eut-privacy-bar.eut-bar-position-right { left: auto; right: 15px; bottom: 15px; width: 30%; } #eut-privacy-bar.eut-bar-position-left .eut-privacy-content, #eut-privacy-bar.eut-bar-position-right .eut-privacy-content { padding: 0; margin-bottom: 24px; } #eut-privacy-bar.eut-bar-position-left .eut-privacy-buttons-wrapper, #eut-privacy-bar.eut-bar-position-right .eut-privacy-buttons-wrapper { position: relative; top: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #eut-privacy-bar.eut-bar-position-left .eut-privacy-agreement, #eut-privacy-bar.eut-bar-position-right .eut-privacy-agreement { float: right; } #eut-privacy-bar.eut-bar-position-left .eut-privacy-refresh-btn, #eut-privacy-bar.eut-bar-position-right .eut-privacy-refresh-btn { width: 100%; } @media only screen and (max-width: 1023px) { #eut-privacy-bar.eut-bar-position-left, #eut-privacy-bar.eut-bar-position-right { width: 50%; } } @media only screen and (max-width: 767px) { #eut-privacy-bar.eut-bar-position-left, #eut-privacy-bar.eut-bar-position-right { left: 5%; right: 5%; bottom: 15px; width: 100%; } .eut-privacy-content { padding: 0; margin-bottom: 24px; } .eut-privacy-buttons-wrapper { position: relative; top: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-privacy-agreement { float: right; } .eut-privacy-refresh-btn { width: 100%; } } /* Fallback */ .eut-privacy-fallback-content { padding: 25% 12%; color: #ffffff; background-color: #252525; background-size: 13px; background-image: url(//www.maharamindfulness.com/wp-content/themes/anemos/images/privacy/fallback-pattern.jpg); } #eut-feature-section .eut-privacy-fallback-content, .eut-map .eut-privacy-fallback-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; padding-bottom: 0; } #eut-feature-section .eut-map .eut-privacy-fallback-content { height: 100vh; } #eut-feature-section .eut-privacy-fallback-inner, .eut-map .eut-privacy-fallback-inner { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .eut-privacy-fallback-content a { color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-privacy-fallback-content a:hover { opacity: 0.6; color: inherit; } .eut-privacy-fallback-icon { display: block; margin: 0 auto 12px auto; width: 36px; } /* ============================================================================= --- GDPR Privacy Popup ============================================================================= */ #eut-privacy-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000; opacity: 0.9; z-index: 99999999; display: none; } #eut-privacy-popup { position: fixed; top: 50%; left: 50%; width: 100%; height: 100%; max-height: 700px; max-width: 800px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999999; padding: 36px; display: none; } .eut-privacy-popup-wrapper { width: 100%; height: 100%; background-color: #ffffff; font-size: 14px; line-height: 24px; font-weight: normal; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .eut-privacy-popup-inner { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 76px; } .eut-privacy-popup-content { max-height: 100%; padding: 48px 36px 36px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .eut-close-privacy-popup { width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0px; color: #ffffff; } .eut-privacy-refresh-btn-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; padding: 18px 36px; background-color: #f7f7f7; } /* ============================================================================= --- GDPR Privacy Switcher ============================================================================= */ .eut-privacy-switch { border-bottom: 1px solid #eaeaea; margin-bottom: 18px; padding-bottom: 18px; position: relative; } .eut-privacy-switch .eut-switch { position: absolute; display: inline-block; font-size: 16px; width: 3.000em; height: 1.625em; top: 2px; right: 0; } .eut-privacy-switch .eut-switch.eut-switch-text { width: auto; } .eut-privacy-switch .eut-switch input[type='checkbox'] { font-size: inherit; position: relative; z-index: 2; opacity: 0; cursor: pointer; width: 3.000em; height: 1.625em; margin: 0; } .eut-privacy-switch .eut-switch-value { font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; } .eut-privacy-switch .eut-switch-label { display: inline-block; vertical-align: middle; line-height: 24px; max-width: 70%; font-weight: bold; } .eut-privacy-switch .eut-switch .eut-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; -webkit-transition: .4s; transition: .4s; -webkit-border-radius: 1.625em; border-radius: 1.625em; width: 3.000em; } .eut-privacy-switch .eut-switch .eut-switch-slider:before { position: absolute; content: ""; height: 1.125em; width: 1.125em; left: 0.250em; bottom: 0.250em; background-color: white; -webkit-transition: .4s; transition: .4s; -webkit-border-radius: 50%; border-radius: 50%; } .eut-privacy-switch .eut-switch input[type='checkbox']:checked + .eut-switch-slider { background-color: #2bc137; } .eut-privacy-switch .eut-switch input[type='checkbox']:checked + .eut-switch-slider:before { -webkit-transform: translateX(1.375em); -ms-transform: translateX(1.375em); transform: translateX(1.375em); }/* =========================================================================== */ /* - General - Title - Media Box - Message Box - Divider - Empty Space - Buttons - Slogan - Single Icon - Icon Box - Social Share - Image Sizes ( square - landscape - portrait ) - Isotope --- Isotope Filters - Gallery - Call Out - Advanced Promo - Socials - Team - DropCap - Pricing Tables - Pie Charts - Progress Bars - Counters - Carousel & Sliders - Testimonial - Owl Carousel - Vc Tabs - Vc Accordion - Single Image - Image Text - Blog Settings --- Post Title with Line --- Blog Sticky --- Read More --- Blog Meta --- Blog Audio Format --- Blog Quote & Link Format --- Blog Large Media --- Blog Small Media --- Blog Grid --- Blog Masonry --- Blog Leader --- Blog Gallery Format --- Blog Carousel - Slider & Carousel Navigations - Countdown - Gutenberg --- Block Quote --- Block Pullquote --- Block Separator --- Block Archives/ Categories / Latest Posts --- Block Gallery - Widget --- Widget Title --- Widget Categories --- Widget Archive --- Widget Pages --- Widget Recent Post --- Widget Custom Menu --- Widget Calendar --- Widget RSS --- Widget Tagcloud --- Widget Meta --- Widget Recent Comments --- Widget Contact Info (EUT WIDGET) --- Widget Latest News (EUT WIDGET) --- Widget Latest Comments (EUT WIDGET) --- Widget Instagram Feed (EUT WIDGET) --- Widget Latest Social (EUT WIDGET) --- Widget Promote Post (EUT WIDGET) --- Widget Image Banner (EUT WIDGET) --- Widget Sticky (EUT WIDGET) --- Widget Polylang */ /* =========================================================================== */ /* ============================================================================= - General ============================================================================= */ .eut-element { position: relative; z-index: 3; } /* ============================================================================= - Title ============================================================================= */ .eut-title > span { display: inline-block; } .eut-title-line { width: 50px; height: 3px; display: block; clear: both; margin-top: 0.800em; } .eut-align-center .eut-title-line, .eut-align-center.eut-title-line { margin-left: auto; margin-right: auto; } .eut-align-left .eut-title-line, .eut-align-left.eut-title-line { margin-right: auto; } .eut-align-right .eut-title-line, .eut-align-right.eut-title-line { margin-left: auto; } /* ============================================================================= - Media Box ============================================================================= */ .eut-box .eut-media { margin-bottom: 20px; position: relative; overflow: hidden; } .eut-box-title { -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-box .eut-box-content .eut-read-more { display: inline-block; } .eut-box .eut-media img { opacity: 0; } .eut-box .eut-media .eut-map img { opacity: 1; } .eut-box .eut-box-content p { margin-bottom: 0px; } .eut-box .eut-box-content p + .eut-read-more { margin-top: 20px; } /* Media Icon */ .eut-media-box-icon { position: absolute; display: inline-block; width: 50px; height: 50px; line-height: 50px; top: -15px; right: -15px; background-color: #333; z-index: 10; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } .eut-media-box-icon i { font-size: 26px; line-height: inherit; width: inherit; height: inherit; } /* ============================================================================= - Message Box ============================================================================= */ .eut-message { padding: 25px; position: relative; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; border: 1px solid rgba(0,0,0,0.1); } .eut-message .eut-message-icon { float: left; font-size: 2.250em; line-height: 1.200em; margin-right: 15px; } .eut-message p { margin-bottom: 0; font-size: 0.9em; min-height: 40px; } .eut-message .eut-close { position: absolute; z-index: 5; top: 0; right: 0; width: 30px; height: 30px; line-height: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-message .eut-close:after, .eut-message .eut-close:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #ffffff; } .eut-message .eut-close:after { width: 10px; height: 2px; margin-left: -5px; margin-top: -1px; } .eut-message .eut-close:before { width: 2px; height: 10px; margin-left: -1px; margin-top: -5px; } /* ============================================================================= - Divider ============================================================================= */ hr { margin-bottom: 30px; display: block; border: none; border-top: 1px solid; } .eut-hr.eut-element { margin-bottom: 0; display: block; border: none; } /* Line Divider */ .eut-hr .eut-line-divider { border-top: 1px solid; } /* Dashed Divider */ .eut-hr .eut-dashed-line-divider { border-top: 1px dashed; } /* Double Line */ .eut-hr .eut-double-line-divider { height: 5px; border-top: 1px solid; border-bottom: 1px solid; } /* Double Line */ .eut-hr .eut-top-line-divider { height: auto; border-bottom: 1px solid; text-align: right; } .eut-hr .eut-divider-backtotop { display: inline-block; cursor: pointer; margin-bottom: 15px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .eut-hr .eut-divider-backtotop:after { content: "\f106"; font-family: FontAwesome; margin-left: 5px; position: relative; top: -1px; } /* ============================================================================= - Empty Space ============================================================================= */ .eut-row.eut-columns-gap-5 .eut-empty-space:first-child:last-child { margin: -2.5px 0; } .eut-row.eut-columns-gap-10 .eut-empty-space:first-child:last-child { margin: -5px 0; } .eut-row.eut-columns-gap-15 .eut-empty-space:first-child:last-child { margin: -7.5px 0; } .eut-row.eut-columns-gap-20 .eut-empty-space:first-child:last-child { margin: -10px 0; } .eut-row.eut-columns-gap-25 .eut-empty-space:first-child:last-child { margin: -12.5px 0; } .eut-row.eut-columns-gap-30 .eut-empty-space:first-child:last-child { margin: -15px 0; } .eut-row.eut-columns-gap-35 .eut-empty-space:first-child:last-child { margin: -17.5px 0; } .eut-row.eut-columns-gap-40 .eut-empty-space:first-child:last-child { margin: -20px 0; } .eut-row.eut-columns-gap-45 .eut-empty-space:first-child:last-child { margin: -22.5px 0; } .eut-row.eut-columns-gap-50 .eut-empty-space:first-child:last-child { margin: -25px 0; } .eut-row.eut-columns-gap-55 .eut-empty-space:first-child:last-child { margin: -27.5px 0; } .eut-row.eut-columns-gap-60 .eut-empty-space:first-child:last-child { margin: -30px 0; } /* ============================================================================= - Buttons ============================================================================= */ a.eut-btn, #eut-theme-wrapper button:not(.eut-custom-btn), #eut-theme-wrapper button[type="button"]:not(.eut-custom-btn), #eut-theme-wrapper button[type="submit"]:not(.eut-custom-btn), #eut-theme-wrapper button[type="reset"]:not(.eut-custom-btn), #eut-theme-wrapper input[type="submit"]:not(.eut-custom-btn) { display: inline-block; padding: 1.154em 1.538em; position: relative; -webkit-border-radius: 0; border-radius: 0; z-index: 2; vertical-align: top; margin-top: 3px; margin-bottom: 3px; outline: 0; text-align: center; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; word-wrap: break-word; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; position: relative; overflow: hidden; -webkit-transition : color .5s ease, background-color .5s ease, border-color .5s ease; -moz-transition : color .5s ease, background-color .5s ease, border-color .5s ease; -o-transition : color .5s ease, background-color .5s ease, border-color .5s ease; -ms-transition : color .5s ease, background-color .5s ease, border-color .5s ease; transition : color .5s ease, background-color .5s ease, border-color .5s ease; -ms-touch-action: manipulation; touch-action: manipulation; } a.eut-btn.eut-btn-line { border: 1px solid; background-color: transparent; background-image: none; } .eut-fullwidth-btn { width: 100%; } /* Extra Small Size */ .eut-btn.eut-btn-extrasmall { padding: 0.556em 1.667em; } /* Small Size */ .eut-btn.eut-btn-small { padding:0.818em 1.636em; } /* Large Size */ .eut-btn.eut-btn-large { padding: 1.125em 1.500em; } /* Extra Large Size */ .eut-btn.eut-btn-extralarge { padding: 1.538em 2.308em; } /* Button with icon */ a.eut-btn i { display: inline-block; margin-right: 0.923em; padding: 2px; vertical-align: middle; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition : -webkit-transform .3s; -moz-transition : -moz-transform .3s; -ms-transition : -ms-transform .3s; -o-transition : -o-transform .3s; transition : transform .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } a.eut-btn:hover i { -webkit-transform: translate(-10px, 0); -moz-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0); } /* Button Margins */ .eut-align-left .eut-btn { margin-right: 30px; } .eut-align-center .eut-btn { margin-left: 15px; margin-right: 15px; } .eut-align-right .eut-btn { margin-left: 30px; } #eut-theme-wrapper .eut-fullwidth-btn.eut-btn { margin: 0; padding: 0 1.538em; line-height: 60px; } #eut-theme-wrapper .eut-fullwidth-btn.eut-btn.eut-fluid-btn-medium { line-height: 120px; } #eut-theme-wrapper .eut-fullwidth-btn.eut-btn.eut-fluid-btn-tall { line-height: 180px; } @media only screen and (max-width: 1200px) { #eut-theme-wrapper .eut-fullwidth-btn.eut-btn { line-height: 50px; } #eut-theme-wrapper .eut-fullwidth-btn.eut-btn.eut-fluid-btn-medium { line-height: 80px; } #eut-theme-wrapper .eut-fullwidth-btn.eut-btn.eut-fluid-btn-tall { line-height: 100px; } } @media only screen and (max-width: 767px) { #eut-theme-wrapper .eut-fullwidth-btn.eut-btn { line-height: 40px; } #eut-theme-wrapper .eut-fullwidth-btn.eut-btn.eut-fluid-btn-medium { line-height: 50px; } #eut-theme-wrapper .eut-fullwidth-btn.eut-btn.eut-fluid-btn-tall { line-height: 80px; } } /* ============================================================================= - Slogan ============================================================================= */ .eut-slogan .eut-slogan-title { margin-bottom: 0.800em; } .eut-slogan p { margin-bottom: 28px; } .eut-slogan p:last-child { margin-bottom: 0; } /* ============================================================================= - Single Icon ============================================================================= */ .eut-single-icon .eut-wrapper-icon { border: 1px solid transparent; display: inline-block; } .eut-single-icon .eut-wrapper-icon.eut-outline { border: 1px solid; } /* Icons With Shape */ .eut-single-icon.eut-with-shape .eut-wrapper-icon { width: 2.500em; height: 2.500em; line-height: 2.500em; display: inline-block; text-align: center; } /* Icons With Out Shape */ .eut-single-icon .eut-no-shape.eut-wrapper-icon { width: 1.000em; height: 1.000em; line-height: 1.000em; display: inline-block; position: relative; } /* Small Icons With Out Shape */ .eut-single-icon.eut-small .eut-no-shape.eut-wrapper-icon { font-size: 32px; } /* Small Icons With Shape */ .eut-single-icon.eut-small.eut-with-shape .eut-wrapper-icon { font-size: 24px; } /* Medium Icons With Out Shape */ .eut-single-icon.eut-medium .eut-no-shape.eut-wrapper-icon { font-size: 48px; } /* Medium Icons With Shape */ .eut-single-icon.eut-medium.eut-with-shape .eut-wrapper-icon { font-size: 32px; } /* Large Icons With Out Shape */ .eut-single-icon.eut-large .eut-no-shape.eut-wrapper-icon { font-size: 72px; } /* Large Icons With Shape */ .eut-single-icon.eut-large.eut-with-shape .eut-wrapper-icon { font-size: 40px; } .eut-single-icon .eut-wrapper-icon i:before { line-height: inherit; display: inline-block; vertical-align: top; } /* Icon Animation */ .eut-hover-effect .eut-wrapper-icon { position: relative; } .eut-hover-effect .eut-wrapper-icon:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: inherit; top: 0; left: 0; z-index: -1; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: icon_box_animation; -moz-animation-name: icon_box_animation; -o-animation-name: icon_box_animation; animation-name: icon_box_animation; display: none; } .eut-wrapper-icon.eut-circle:after { -webkit-border-radius: 50%; border-radius: 50%; } .eut-wrapper-icon.eut-round:after { -webkit-border-radius: 3px; border-radius: 3px; } .eut-hover-effect .eut-wrapper-icon.eut-outline:after { background-color: transparent; border: 1px solid; border-color: inherit; top: -1px; left: -1px; } @-webkit-keyframes icon_box_animation { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.4); } } @-moz-keyframes icon_box_animation { 0% { opacity: 1; -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(1.4); } } @-o-keyframes icon_box_animation { 0% { opacity: 1; -o-transform: scale(1); } 100% { opacity: 0; -o-transform: scale(1.4); } } @keyframes icon_box_animation { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.4); } } .eut-hover-effect:hover .eut-wrapper-icon:after { display: block; } /* ============================================================================= - Icon Box ============================================================================= */ .eut-box-icon .eut-box-content { position: relative; } .eut-box-icon .eut-wrapper-icon { border: 1px solid transparent; display: inline-block; } .eut-box-icon .eut-wrapper-icon.eut-outline { border: 1px solid; } .eut-wrapper-icon i { line-height: inherit; } /* Align Left */ .eut-box-icon.eut-align-left .eut-wrapper-icon, .eut-box-icon.eut-align-left .eut-image-icon { position: relative; top: 2px; float: left; margin-right: 0.469em; } .eut-box-icon.eut-align-left.eut-with-shape .eut-wrapper-icon { margin-right: 0.750em; } /* Align Right */ .eut-box-icon.eut-align-right .eut-wrapper-icon, .eut-box-icon.eut-align-right .eut-image-icon { position: relative; top: 2px; float: right; margin-left: 0.469em; } .eut-box-icon.eut-align-left.eut-with-shape .eut-wrapper-icon { margin-left: 0.750em; } .eut-box-icon.eut-align-left .eut-box-content, .eut-box-icon.eut-align-right .eut-box-content { overflow: hidden; } /* Tablet Portrait */ @media only screen and (max-width: 1023px) { .eut-box-icon.eut-align-left.eut-with-shape .eut-wrapper-icon, .eut-box-icon.eut-align-left .eut-wrapper-icon, .eut-box-icon.eut-align-left .eut-image-icon, .eut-box-icon.eut-align-right.eut-with-shape .eut-wrapper-icon, .eut-box-icon.eut-align-right .eut-wrapper-icon, .eut-box-icon.eut-align-right .eut-image-icon { float: none; margin: 0; margin-bottom: 0.600em; } .eut-box-icon.eut-align-left .eut-wrapper-icon, .eut-box-icon.eut-align-right .eut-wrapper-icon { margin: 0; margin-bottom: 0.250em; } } /* Align Center */ .eut-box-icon.eut-with-shape.eut-align-center .eut-wrapper-icon, .eut-box-icon.eut-align-center .eut-image-icon { margin-bottom: 20px; position: relative; } .eut-box-icon.eut-align-center .eut-wrapper-icon { margin-bottom: 20px; position: relative; } /* Icons With Shape */ .eut-box-icon.eut-with-shape .eut-wrapper-icon { width: 2.500em; height: 2.500em; line-height: 2.500em; display: inline-block; text-align: center; } /* Icons With Out Shape */ .eut-box-icon .eut-no-shape.eut-wrapper-icon { width: 1.000em; height: 1.000em; line-height: 1.000em; display: inline-block; } /* Icons With Image */ .eut-box-icon.eut-align-center img { height: 2.500em; width: auto; } .eut-box-icon.eut-align-left img, .eut-box-icon.eut-align-right img { width: 1.000em; height: auto; } /* Extra Small Icons With Out Shape */ .eut-box-icon.eut-extra-small .eut-no-shape.eut-wrapper-icon, .eut-box-icon.eut-extra-small.eut-align-left .eut-image-icon, .eut-box-icon.eut-extra-small.eut-align-right .eut-image-icon { font-size: 24px; } /* Extra Small Icons With Shape */ .eut-box-icon.eut-extra-small.eut-with-shape .eut-wrapper-icon, .eut-box-icon.eut-extra-small.eut-align-center .eut-image-icon { font-size: 16px; } /* Small Icons With Out Shape */ .eut-box-icon.eut-small .eut-no-shape.eut-wrapper-icon, .eut-box-icon.eut-small.eut-align-left .eut-image-icon, .eut-box-icon.eut-small.eut-align-right .eut-image-icon { font-size: 32px; } /* Small Icons With Shape */ .eut-box-icon.eut-small.eut-with-shape .eut-wrapper-icon, .eut-box-icon.eut-small.eut-align-center .eut-image-icon { font-size: 24px; } /* Medium Icons With Out Shape */ .eut-box-icon.eut-medium .eut-no-shape.eut-wrapper-icon, .eut-box-icon.eut-medium.eut-align-left .eut-image-icon, .eut-box-icon.eut-medium.eut-align-right .eut-image-icon { font-size: 48px; } /* Medium Icons With Shape */ .eut-box-icon.eut-medium.eut-with-shape .eut-wrapper-icon, .eut-box-icon.eut-medium.eut-align-center .eut-image-icon { font-size: 32px; } /* Large Icons With Out Shape */ .eut-box-icon.eut-large .eut-no-shape.eut-wrapper-icon, .eut-box-icon.eut-large.eut-align-left .eut-image-icon, .eut-box-icon.eut-large.eut-align-right .eut-image-icon { font-size: 72px; } /* Large Icons With Shape */ .eut-box-icon.eut-large.eut-with-shape .eut-wrapper-icon, .eut-box-icon.eut-large.eut-align-center .eut-image-icon { font-size: 40px; } .eut-box-icon .eut-wrapper-icon i:before { line-height: inherit; display: inline-block; vertical-align: top; margin-top: -2px; } /* Advanced Hover */ .eut-box-icon.eut-advanced-hover { visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .eut-box-icon.eut-advanced-hover.active, .eut-box-icon.eut-advanced-hover.active p { visibility: visible; -webkit-transition: padding 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.8s; transition: padding 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.8s; } .eut-box-icon.eut-advanced-hover p { opacity: 0; } .eut-box-icon.eut-advanced-hover.hover, .eut-box-icon.eut-advanced-hover.hover p { padding-top: 0px !important; opacity: 1; } /* ============================================================================= - Social Share ============================================================================= */ .eut-element.eut-social ul { margin: 0 auto -8px auto; list-style: none; display: inline-block; } .eut-element.eut-social ul li { display: inline-block; margin: 10px; position: relative; } .eut-element.eut-social ul li a { display: block; width: 2.188em; height: 2.188em; line-height: 2.188em; text-align: center; font-size: 1em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .eut-element.eut-social ul li a i { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; padding: 3px; } .eut-element.eut-social ul li a:hover i { -webkit-animation-name: pulse; animation-name: pulse; } .eut-element.eut-social ul li a { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .eut-element.eut-social ul li a.eut-with-shape.eut-outline { border: 1px solid; background-color: transparent; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* Icons With Shape */ .eut-element.eut-social ul li a.eut-with-shape { width: 2.500em; height: 2.500em; line-height: 2.500em; display: inline-block; text-align: center; } /* Icons With Out Shape */ .eut-element.eut-social ul li a.eut-no-shape { width: 1.000em; height: 1.000em; line-height: 1.000em; display: inline-block; text-align: center; } .eut-element.eut-social ul li a.eut-no-shape.eut-social-share-googleplus { width: 1.300em; } /* Small Icons With Out Shape */ .eut-element.eut-social ul li a.eut-no-shape.eut-small { font-size: 32px; } /* Small Icons With Shape */ .eut-element.eut-social ul li a.eut-with-shape.eut-small { font-size: 24px; } /* Medium Icons With Out Shape */ .eut-element.eut-social ul li a.eut-no-shape.eut-medium { font-size: 48px; } /* Medium Icons With Shape */ .eut-element.eut-social ul li a.eut-with-shape.eut-medium { font-size: 32px; } /* Large Icons With Out Shape */ .eut-element.eut-social ul li a.eut-no-shape.eut-large { font-size: 72px; } /* Large Icons With Shape */ .eut-element.eut-social ul li a.eut-with-shape.eut-large { font-size: 40px; } .eut-element.eut-social.eut-align-left li { margin-left: 0; } .eut-element.eut-social.eut-align-right li { margin-right: 0; } .eut-element.eut-social li a span.eut-like-counter { font-size: 10px; font-weight: bold; line-height: 1.2; background-color: #202020; color: #ffffff; min-width: 30px; text-align: center; padding: 6px 8px; position: absolute; bottom: 180%; left: 50%; -webkit-border-radius: 3px; border-radius: 3px; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-backface-visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .eut-element.eut-social li a span.eut-like-counter:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #202020; position: absolute; top: 100%; left: 50%; margin-left: -6px; } .eut-element.eut-social li a:hover span.eut-like-counter { bottom: 120%; visibility: visible; opacity: 1; } /* ============================================================================= - Image Sizes ( square - landscape - portrait ) ============================================================================= */ .eut-image-square img { width: 100%; height: auto; max-width: none; } .eut-image-landscape img { width: 100%; height: auto; max-width: none; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .eut-image-portrait img { width: auto; height: 100%; max-width: none; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* ============================================================================= - Isotope ============================================================================= */ .eut-section.eut-fullwidth .eut-isotope { overflow: hidden; } .eut-isotope-container { opacity: 0; overflow: hidden; padding-top: 3px; } .eut-isotope.eut-with-gap .eut-isotope-container { margin-left: -20px; margin-right: -20px; } .eut-section[data-section-type="fullwidth-element"] .eut-isotope.eut-with-gap .eut-isotope-container { margin-left: 20px; margin-right: 20px; } .eut-isotope.eut-with-gap .eut-isotope-item { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } /* Full width with gaps */ .eut-section.eut-fullwidth .eut-isotope.eut-with-gap { padding: 0 40px; } /* Animated Isotpe */ .eut-isotope-item-inner.eut-fade-in, .eut-isotope-item-inner.eut-fade-in-up, .eut-isotope-item-inner.eut-fade-in-down, .eut-isotope-item-inner.eut-fade-in-left, .eut-isotope-item-inner.eut-fade-in-right, .eut-isotope-item-inner.eut-zoom-in { opacity: 0; -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -ms-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; } html.ie9 .eut-isotope-item-inner.eut-fade-in, html.ie9 .eut-isotope-item-inner.eut-fade-in-up, html.ie9 .eut-isotope-item-inner.eut-fade-in-down, html.ie9 .eut-isotope-item-inner.eut-fade-in-left, html.ie9 .eut-isotope-item-inner.eut-fade-in-right, html.ie9 .eut-isotope-item-inner.eut-zoom-in { opacity: 1; } /* ============================================================================= --- Isotope Filters ============================================================================= */ .eut-filter { margin-bottom: 40px; } .eut-filter ul { margin: 0; list-style: none; -webkit-touch-callout: none; -webkit-user-select : none; -khtml-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; } .eut-filter ul li { display: inline-block; font-size: 13px; cursor: pointer; opacity: 0.5; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-filter ul li:hover, .eut-filter ul li.selected { opacity: 1; } .eut-section.eut-fullwidth .eut-isotope:not(.eut-with-gap) .eut-filter { padding-left: 40px; padding-right: 40px; } /* ============================================================================= - Gallery ============================================================================= */ .eut-gallery-item > a { position: relative; display: block; overflow: hidden; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-gallery-item figure .eut-title { margin-bottom: 3px; } .eut-gallery-item figure .eut-caption { margin-bottom: 0; font-size: 14px; } /* Style 1 & 3 */ .eut-gallery-item figure.eut-hover-style-1 figcaption, .eut-gallery-item figure.eut-hover-style-3 figcaption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 20px; z-index: 3; } .eut-gallery-item figure.eut-hover-style-1 .eut-gallery-content, .eut-gallery-item figure.eut-hover-style-3 .eut-gallery-content { position: absolute; left: 20px; bottom: 20px; } .eut-gallery-item figure.eut-hover-style-1 .eut-title:last-child, .eut-gallery-item figure.eut-hover-style-3 .eut-title:last-child { margin-bottom: 0; } /* Style 2 */ .eut-gallery-item figure.eut-hover-style-2 .eut-gallery-content { text-align: center; margin-top: 30px; } .eut-gallery-item figure.eut-hover-style-2 .eut-title { margin-bottom: 0.3em; -webkit-transition : color .3s; -moz-transition : color .3s; -ms-transition : color .3s; -o-transition : color .3s; transition : color .3s; } .eut-gallery-item figure.eut-hover-style-2 .eut-title:last-child { margin-bottom: 0; } /* Animation Hover Style 1 */ .eut-gallery-item figure.eut-hover-style-1 .eut-title, .eut-gallery-item figure.eut-hover-style-1 .eut-caption { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition : -webkit-transform .2s, opacity .2s; -moz-transition : -moz-transform .2s, opacity .2s; -ms-transition : -ms-transform .2s, opacity .2s; -o-transition : -o-transform .2s, opacity .2s; transition : transform .2s, opacity .2s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .eut-gallery-item figure.eut-hover-style-1.hover .eut-title, .eut-gallery-item figure.eut-hover-style-1.hover .eut-caption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-gallery-item figure.eut-hover-style-1.hover .eut-caption { opacity: 0.7; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } /* Animation Hover Style 3 */ .eut-gallery-item figure.eut-hover-style-3 .eut-title, .eut-gallery-item figure.eut-hover-style-3 .eut-caption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition : -webkit-transform .2s, opacity .2s; -moz-transition : -moz-transform .2s, opacity .2s; -ms-transition : -ms-transform .2s, opacity .2s; -o-transition : -o-transform .2s, opacity .2s; transition : transform .2s, opacity .2s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .eut-gallery-item figure.eut-hover-style-3.hover .eut-title, .eut-gallery-item figure.eut-hover-style-3.hover .eut-caption { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .eut-gallery-item figure.eut-hover-style-3 .eut-caption { opacity: 0.7; } /* ============================================================================= - Call Out ============================================================================= */ .eut-callout.eut-btn-right { position: relative; display: table; } .eut-callout.eut-btn-right .eut-callout-wrapper { display: table-cell; vertical-align: middle; width: 100%; padding-right: 30px; } .eut-callout.eut-btn-right .eut-button-wrapper { display: table-cell; vertical-align: middle; width: 100%; max-width: 25%; text-align: right; white-space: nowrap; } .eut-callout.eut-btn-bottom .eut-button-wrapper { margin: 30px 0 0 0; } .eut-callout .eut-callout-content { margin-bottom: 0; } .eut-callout .eut-callout-content + p { margin-top: 0.45em; } /* ============================================================================= - Advanced Promo ============================================================================= */ .eut-section.eut-pointer-cursor { cursor: pointer; overflow: hidden; -webkit-transition : padding .3s; -moz-transition : padding .3s; -ms-transition : padding .3s; -o-transition : padding .3s; transition : padding .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-expandable-info .eut-expandable-info-space { height: 30px; } .eut-expandable-info .eut-expandable-info-content { display: none; opacity: 0; -webkit-transition : opacity .5s, -webkit-transform .3s; -moz-transition : opacity .5s, -moz-transform .3s; -ms-transition : opacity .5s, -ms-transform .3s; -o-transition : opacity .5s, -o-transform .3s; transition : opacity .5s, transform .3s; -webkit-transform: translate(0, 200px); -moz-transform: translate(0, 200px); -ms-transform: translate(0, 200px); -o-transform: translate(0, 200px); transform: translate(0, 200px); -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-expandable-info .eut-expandable-info-content.show { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /* ============================================================================= - Socials ============================================================================= */ ul.eut-socials { margin: 0; list-style: none; } ul.eut-socials li { display: inline-block; margin: 5px; } ul.eut-socials li a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; position: relative; -webkit-backface-visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* Tooltip */ ul.eut-socials li a .eut-tooltip { font-size: 10px; font-weight: bold; line-height: 1.2; background-color: #202020; color: #ffffff; min-width: 30px; text-align: center; padding: 6px 8px; position: absolute; bottom: 180%; left: 50%; -webkit-border-radius: 3px; border-radius: 3px; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-backface-visibility: hidden; -webkit-transition: all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } ul.eut-socials li a .eut-tooltip:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #202020; position: absolute; top: 100%; left: 50%; margin-left: -6px; } ul.eut-socials li a:hover .eut-tooltip { bottom: 120%; visibility: visible; opacity: 1; } /* ============================================================================= - Team ============================================================================= */ .eut-team .eut-media { position: relative; } .eut-team .eut-media img { position: static; } .eut-team.eut-style-1 .eut-media { margin-bottom: 28px; } .eut-team .eut-media a { display: block; } .eut-team .eut-team-name { margin-bottom: 0; display: inline-block; vertical-align: top; -webkit-transition: all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-team p { margin-top: 24px; } .eut-team .eut-team-description + .eut-team-social { margin-top: 24px; } .eut-team .eut-team-social ul { margin: 0; } /* Style 2 */ .eut-team.eut-style-2 figure { position: relative; } .eut-team.eut-style-2 figcaption { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; padding: 0 15px; } .eut-team.eut-style-2 .eut-team-content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .eut-team.eut-style-2 .eut-team-identity { opacity: 0; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } .eut-team.eut-style-2 .eut-team-identity, .eut-team.eut-style-2 .eut-team-name, .eut-team.eut-style-2 .eut-team-social { opacity: 0; -webkit-transition: all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-team.eut-style-2 .eut-team-social { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } .eut-team.eut-style-2 .hover .eut-team-identity, .eut-team.eut-style-2 .hover .eut-team-name, .eut-team.eut-style-2 .hover .eut-team-social { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-team.eut-style-2 .hover .eut-team-identity { -webkit-transition-delay : .3s; -moz-transition-delay : .3s; -ms-transition-delay : .3s; -o-transition-delay : .3s; transition-delay : .3s; } .eut-team.eut-style-2 .hover .eut-team-social { -webkit-transition-delay : .5s; -moz-transition-delay : .5s; -ms-transition-delay : .5s; -o-transition-delay : .5s; transition-delay : .5s; } /* ============================================================================= - DropCap ============================================================================= */ .eut-dropcap.eut-element span { float: left; font-size: 3.889em; padding: 0px 18px 0px 0px; margin-bottom: 0; } .eut-dropcap span.eut-style-2 { font-size: 2.222em; line-height: 1.625em; width: 1.600em; height: 1.600em; text-align: center; margin-right: 0.375em; padding: 0; color: #ffffff; } /* ============================================================================= - Pricing Tables ============================================================================= */ /* Style 1 */ .eut-pricing-table.eut-style-1 { text-align: center; border: 1px solid rgba(0,0,0,0.09); overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background-color: #ffffff; } .eut-pricing-table.eut-style-1 ul { list-style: none; margin: 0; } .eut-pricing-table.eut-style-1 ul li { padding: 20px 10px; border-bottom: 1px solid rgba(0,0,0,0.09); } .eut-pricing-table.eut-style-1 ul li:nth-child(2n+0) { background: #FBFBFB; } .eut-pricing-table.eut-style-1 .eut-pricing-title { margin: 0px; padding: 0.729em 10px; position: relative; } .eut-pricing-table.eut-style-1 .eut-pricing-title:before { content: ''; position: absolute; top: 0; left: 0; background-color: #ffffff; width: 100%; height: 100%; opacity: 0.12; } #eut-main-content .eut-pricing-table.eut-style-1 .eut-price, #eut-main-content .eut-pricing-table.eut-style-1 .eut-pricing-title { color: #ffffff; } .eut-pricing-table.eut-style-1 .eut-price { padding: 35px 10px; margin: 0; border-top: 1px solid rgba(255,255,255,0.4); } .eut-pricing-table.eut-style-1 .eut-btn { margin: 30px 0px; } /* Style 2 */ .eut-pricing-table.eut-style-2 { -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); padding: 40px; text-align: center; background-color: #ffffff; } .eut-pricing-table.eut-style-2 .eut-pricing-title { margin-bottom: 5px; } .eut-pricing-table.eut-style-2 .eut-pricing-content { margin-top: 40px; margin-bottom: 40px; } .eut-pricing-table.eut-style-2 .eut-price { margin-bottom: 0; } .eut-pricing-table.eut-style-2 .eut-pricing-content span { font-size: 0.415em; opacity: 0.5; } .eut-pricing-table.eut-style-2 ul { list-style: none; margin: 0 0 40px 0; } .eut-pricing-table.eut-style-2 ul li { margin-bottom: 15px; } .eut-pricing-table.eut-style-2 a.eut-btn { width: 100%; } /* ============================================================================= - Pie Charts ============================================================================= */ .eut-pie-chart { text-align: center; } .eut-chart-number { position: relative; } .eut-chart-number canvas { position: absolute; top: 0; left: 0; } .eut-chart-number { font-size: 24px; font-weight: 500; text-align: center; margin: 0 auto 18px auto; } .eut-pie-chart.eut-small .eut-chart-number { font-size: 18px; } .eut-pie-chart.eut-large .eut-chart-number { font-size: 32px; } .eut-chart-number:last-child { margin-bottom: 0; } .eut-pie-chart .eut-counter{ float: none; margin: 0; } .eut-pie-chart .eut-title { display: block; margin-bottom: 12px; } /* ============================================================================= - Progress Bars ============================================================================= */ .eut-progress-bars.eut-line-round .eut-bar { -webkit-border-radius: 200px; border-radius: 200px; } .eut-progress-bar { margin-bottom: 20px; } .eut-bar-line { width: 0px; height: 35px; } /* Style 1 */ .eut-progress-bars.eut-style-1 .eut-bar { display:block; overflow: hidden; z-index: 1; background-color: rgba(0, 0, 0, 0.1); } .eut-progress-bars.eut-style-1 .eut-bar-title { position: absolute; top: 50%; left: 0px; line-height: 1; color: #fff !important; margin-left: 30px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .eut-progress-bars.eut-style-1 .eut-percentage { position: absolute; top: 50%; left: 0px; line-height: 1; color: #fff; margin-left: -50px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } /* Style 2 */ .eut-progress-bars.eut-style-2 .eut-bar { display:block; z-index: 1; margin-top: 6px; background-color: rgba(0, 0, 0, 0.1); } .eut-progress-bars.eut-style-2 .eut-percentage { float: right; } .eut-progress-bars.eut-line-round.eut-style-2 .eut-bar-line { -webkit-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px; } /* ============================================================================= - Counters ============================================================================= */ .eut-counter .eut-counter-icon { margin-bottom: 12px; } .eut-counter .eut-counter-icon i.eut-large { font-size: 72px; line-height: 72px; } .eut-counter .eut-counter-icon i.eut-medium { font-size: 48px; line-height: 48px; } .eut-counter .eut-counter-icon i.eut-small { font-size: 32px; line-height: 32px; } .eut-counter .eut-counter-item { margin-bottom: 6px; } .eut-counter .eut-counter-item.eut-large { font-size: 60px; line-height: 70px; } .eut-counter .eut-counter-item.eut-medium { font-size: 48px; line-height: 56px; } .eut-counter .eut-counter-item.eut-small { font-size: 36px; line-height: 48px; } /* ============================================================================= - Carousel & Sliders ============================================================================= */ /* Feature Slider */ #eut-feature-slider .eut-slider-item { position: absolute; } #eut-feature-slider .eut-slider-item:first-child { position: relative; } #eut-feature-slider.eut-is-loaded .eut-slider-item { position: relative; } .eut-carousel-wrapper, .eut-slider-wrapper { position: relative; z-index: 3; } .eut-slider { overflow: hidden; position: relative; width: 100%; -ms-touch-action: pan-y; } .eut-slider img { width: 100%; display: block; } .eut-slider .eut-slider-item .eut-graphic img { height: auto; line-height: 0; max-width: 100%; width: auto; } .eut-slider .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .eut-slider .owl-wrapper { position: relative; } .eut-slider .owl-wrapper-outer { position: relative; width: 100%; z-index: 1; } .eut-slider .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .eut-slider .owl-item { float: left; } /* Carousel */ .eut-carousel.eut-carousel-element, .eut-flexible-carousel.eut-carousel-element { overflow: hidden; visibility: hidden; } .eut-carousel.eut-carousel-element .owl-item, .eut-flexible-carousel.eut-carousel-element .owl-item { float: left; } /* Carousel with Gap */ .eut-carousel-wrapper.eut-with-gap .eut-carousel.eut-carousel-element, .eut-carousel-wrapper.eut-with-gap .eut-flexible-carousel.eut-carousel-element { margin-left: -15px; margin-right: -15px; } .eut-carousel-wrapper.eut-with-gap .eut-carousel.eut-carousel-element .owl-item, .eut-carousel-wrapper.eut-with-gap .eut-flexible-carousel.eut-carousel-element .owl-item { padding-left: 15px; padding-right: 15px; } .eut-section.eut-fullwidth .eut-carousel-wrapper.eut-with-gap .eut-carousel.eut-carousel-element, .eut-section.eut-fullwidth .eut-carousel-wrapper.eut-with-gap .eut-flexible-carousel.eut-carousel-element { margin-left: 15px; margin-right: 15px; } .eut-slider .owl-wrapper, .eut-slider .owl-item, .eut-carousel-element .owl-wrapper, .eut-carousel-element .owl-item { -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; position: relative; overflow: hidden; } /* ============================================================================= - Testimonial ============================================================================= */ .eut-testimonial .owl-item { float: left; } .eut-testimonial { overflow: hidden; visibility: hidden; } .eut-testimonial-element { display: inline-block; width: 100%; } .eut-testimonial-element p { margin-bottom: 20px; } .eut-testimonial-element .eut-container { padding-left: 0; padding-right: 0; } /* Thumb */ .eut-testimonial-thumb img { width: 100px; margin-bottom: 30px; -webkit-border-radius: 50px; border-radius: 50px; } /* Testimonial Style 2 */ .eut-testimonial-grid.eut-with-shadow .eut-testimonial-element.eut-style-2 { padding: 30px; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); background-color: #ffffff; } .eut-testimonial-grid .eut-isotope-container { padding-top: 3px; } .eut-testimonial-element.eut-style-2 .eut-testimonial-author { display: table; width: 100%; padding-top: 24px; } .eut-testimonial-element.eut-style-2 .eut-testimonial-thumb { display: table-cell; width: 40px; } .eut-testimonial-element.eut-style-2 .eut-testimonial-thumb img { width: 40px; margin-bottom: 0; display: block; } .eut-testimonial-element.eut-style-2 .eut-testimonial-name { display: table-cell; vertical-align: middle; } .eut-testimonial-element.eut-style-2 .eut-testimonial-thumb + .eut-testimonial-name { padding-left: 15px; } /* Thumb Animation on isotope */ .eut-isotope-item-inner .eut-testimonial-element.eut-style-2 .eut-testimonial-thumb { opacity: 0; -webkit-transform : scale(0); -moz-transform : scale(0); -o-transform : scale(0); transform : scale(0); -webkit-transition : -webkit-transform .3s ease, opacity .8s; -moz-transition : -moz-transform .3s ease, opacity .8s; -ms-transition : -ms-transform .3s ease, opacity .8s; -o-transition : -o-transform .3s ease, opacity .8s; transition : transform .3s ease, opacity .8s; } .eut-isotope-item-inner.animated .eut-testimonial-element.eut-style-2 .eut-testimonial-thumb { opacity: 1; -webkit-transform : scale(1.0); -moz-transform : scale(1.0); -o-transform : scale(1.0); transform : scale(1.0); -webkit-transition-delay: .3s; transition-delay: .3s; } /* Author name Animation on isotope */ .eut-isotope-item-inner .eut-testimonial-element.eut-style-2 .eut-testimonial-name { opacity: 0; -webkit-transform: translate(0, 15px); -moz-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -o-transform: translate(0, 15px); transform: translate(0, 15px); -webkit-transition : -webkit-transform .3s ease, opacity .8s; -moz-transition : -moz-transform .3s ease, opacity .8s; -ms-transition : -ms-transform .3s ease, opacity .8s; -o-transition : -o-transform .3s ease, opacity .8s; transition : transform .3s ease, opacity .8s; } .eut-isotope-item-inner.animated .eut-testimonial-element.eut-style-2 .eut-testimonial-name { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-delay: .5s; transition-delay: .5s; } /* Styling Pagination*/ div.owl-pagination { position: relative; z-index: 2; display: inline-block; vertical-align: middle; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .eut-carousel .owl-controls .owl-page, .eut-testimonial .owl-controls .owl-page, .eut-flexible-carousel .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .eut-carousel .owl-controls .owl-page span, .eut-testimonial .owl-controls .owl-page span, .eut-flexible-carousel .owl-controls .owl-page span { display: block; opacity: 0.3; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-carousel .owl-controls .owl-page span, .eut-testimonial .owl-controls .owl-page span, .eut-flexible-carousel .owl-controls .owl-page span { width: 10px; height: 10px; margin: 0 8px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; } .eut-carousel .owl-controls .owl-page span, .eut-testimonial .owl-controls .owl-page span, .eut-flexible-carousel .owl-controls .owl-page span { background-color: #000000; border: 5px solid; } .eut-carousel-pagination-2 .eut-carousel .owl-controls .owl-page span, .eut-carousel-pagination-2.eut-testimonial .owl-controls .owl-page span, .eut-carousel-pagination-2 .eut-flexible-carousel .owl-controls .owl-page span { width: 20px; height: 2px; margin: 5px 7px; -webkit-border-radius: 0%; border-radius: 0%; } .eut-carousel-pagination-2 .eut-carousel .owl-controls .owl-page span, .eut-carousel-pagination-2.eut-testimonial .owl-controls .owl-page span, .eut-carousel-pagination-2 .eut-flexible-carousel .owl-controls .owl-page span { border: 1px solid; } .eut-carousel .owl-controls .owl-page.active span, .eut-carousel .owl-controls.clickable .owl-page:hover span, .eut-testimonial .owl-controls .owl-page.active span, .eut-testimonial .owl-controls.clickable .owl-page:hover span, .eut-flexible-carousel .owl-controls .owl-page.active span, .eut-flexible-carousel .owl-controls.clickable .owl-page:hover span { opacity: 1; background-color: transparent !important; border: 1px solid; } .eut-carousel .owl-controls, .eut-flexible-carousel .owl-controls { text-align: center; line-height: 80px; } /* ============================================================================= - Owl Carousel ============================================================================= */ /* mouse grab icon */ .grabbing { cursor:url(//www.maharamindfulness.com/wp-content/themes/anemos/images/graphics/grabbing.png) 8 8, move; } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* ============================================================================= - Vc Tabs ============================================================================= */ #eut-main-content .vc_tta.vc_general .vc_tta-tab > a { border: none; padding: 14px 0; margin-right: 20px; } #eut-main-content .vc_tta.vc_general .vc_tta-tab:last-child > a { margin-right: 0; } #eut-main-content .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container, #eut-main-content .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list { overflow: visible; } #eut-main-content .vc_tta.vc_general .vc_tta-tab.vc_active > a:after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 100%; margin-top: -2px; display: block; } .vc_tta-tabs-position-top .vc_tta-tabs-list { border-bottom: 1px solid; } #eut-main-content .vc_tta.vc_tta-tabs-position-top.vc_general .vc_tta-panel-body { padding: 14px 0; } #eut-main-content .vc_tta.vc_tta-tabs-position-left.vc_general .vc_tta-panel-body { padding: 8px 14px; } /* ============================================================================= - Vc Accordion ============================================================================= */ .vc_tta-panel .vc_tta-controls-icon { opacity: 0.5; } .vc_tta-panel.vc_active .vc_tta-controls-icon { opacity: 1; } .vc_tta.vc_general .vc_tta-panel-title { border-bottom: 1px solid; } .vc_tta.vc_general .vc_tta-panel-title > a { padding: 18px 20px; } /* ============================================================================= - Single Image ============================================================================= */ .eut-image img { opacity: 0; } img.eut-full-image { width: 100%; } .eut-image, .eut-image .eut-media { overflow: hidden; position: relative; } .eut-image.eut-align-left img, img.eut-align-left { float:left; margin: 0px; z-index: 1; } .eut-image.eut-align-right img, img.eut-align-right { float:right; margin: 0px; z-index: 1; } .eut-image.eut-align-center img, img.eut-align-center { display: block; margin: 0px auto; z-index: 1; } .eut-image { position: relative; } .eut-image-wrapper { position: relative; display: inline-block; position: relative; } /* Video Link */ .eut-media a.eut-video-popup { display:block; } .eut-media .eut-icon-video { position: absolute; width: 62px; height: 62px; left: 50%; top: 50%; margin-top: -31px; margin-left: -31px; z-index: 5; background-color: rgba(0,0,0,0.7); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } a:hover .eut-icon-video { background-color: rgba(0,0,0,0.7); } /* Image with Caption */ .eut-element.eut-image figure .eut-title { margin-bottom: 3px; } .eut-element.eut-image figure .eut-caption { margin-bottom: 0; font-size: 14px; } .eut-element.eut-image .eut-hover-style-1 figcaption, .eut-element.eut-image .eut-hover-style-3 figcaption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 20px; z-index: 3; text-align: left; } .eut-element.eut-image .eut-hover-style-1 .eut-image-content, .eut-element.eut-image .eut-hover-style-3 .eut-image-content { position: absolute; left: 20px; bottom: 20px; } .eut-element.eut-image .eut-hover-style-2 .eut-image-content { margin-top: 30px; text-align: center; } .eut-element.eut-image .eut-title:last-child { margin-bottom: 0; } /* Animation Hover Style 1 */ .eut-element.eut-image .eut-hover-style-1 figcaption .eut-title, .eut-element.eut-image .eut-hover-style-1 figcaption .eut-caption { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition : -webkit-transform .2s, opacity .2s; -moz-transition : -moz-transform .2s, opacity .2s; -ms-transition : -ms-transform .2s, opacity .2s; -o-transition : -o-transform .2s, opacity .2s; transition : transform .2s, opacity .2s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .eut-element.eut-image .eut-hover-style-1.hover figcaption .eut-title, .eut-element.eut-image .eut-hover-style-1.hover figcaption .eut-caption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-element.eut-image .eut-hover-style-1.hover figcaption .eut-caption { opacity: 0.7; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } /* Animation Hover Style 3 */ .eut-element.eut-image .eut-hover-style-3 figcaption .eut-title, .eut-element.eut-image .eut-hover-style-3 figcaption .eut-caption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition : -webkit-transform .2s, opacity .2s; -moz-transition : -moz-transform .2s, opacity .2s; -ms-transition : -ms-transform .2s, opacity .2s; -o-transition : -o-transform .2s, opacity .2s; transition : transform .2s, opacity .2s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .eut-element.eut-image .eut-hover-style-3 figcaption .eut-caption { opacity: 0.7; } .eut-element.eut-image .eut-hover-style-3.hover figcaption .eut-title, .eut-element.eut-image .eut-hover-style-3.hover figcaption .eut-caption { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } /* ============================================================================= - Image Text ============================================================================= */ .eut-image-text { visibility: hidden; } .eut-image-text img { width: 100%; } .eut-image-text:before, .eut-image-text:after { display: table; content: " "; } .eut-image-text:after { clear: both; } .eut-image-text .eut-image, .eut-image-text .eut-content { width: 50%; } .eut-section.eut-fullwidth .eut-content { padding-left: 8%; padding-right: 8%; } .eut-image-text .eut-content.eut-position-right { padding-left: 8%; } .eut-image-text .eut-content.eut-position-left { padding-right: 8%; } .eut-image-text .eut-image img { display: block; } .eut-image-text .eut-video-icon { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } @media only screen and (max-width: 767px) { .eut-image-text .eut-image { margin-bottom: 30px; } .eut-image-text .eut-image, .eut-image-text .eut-content { width: auto; float: none; text-align: left; } .eut-section.eut-fullwidth .eut-content { padding-left: 0; padding-right: 0; } .eut-image-text .eut-content.eut-position-right { padding-left: 0; } .eut-image-text .eut-content.eut-position-left { padding-right: 0; } .eut-flexible-carousel .eut-content { margin-bottom: 30px; } } /* ============================================================================= - Blog Settings ============================================================================= */ .eut-blog.eut-blog-columns .eut-media { margin-bottom: 28px; } .eut-blog .eut-post-content { -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-post-header .eut-post-date { margin-bottom: 12px; } .eut-post-title { -webkit-transition : color .3s; -moz-transition : color .3s; -ms-transition : color .3s; -o-transition : color .3s; transition : color .3s; } /* With Shadow */ .eut-blog.eut-with-shadow .eut-media { margin-bottom: 0; } .eut-blog.eut-with-shadow .eut-post-content { padding: 17%; } .eut-blog.eut-with-shadow .eut-blog-item-inner { background-color: #ffffff; -webkit-box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow : 0 1px 2px rgba(0,0,0,0.2); box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2); } .eut-blog .eut-media { position: relative; } .eut-blog-item.eut-style-2 .eut-media { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .eut-blog-grid .eut-blog-item.eut-style-2 .eut-blog-item-inner { position: relative; text-align: center; display: flex; min-height: 500px; } .eut-blog-grid .eut-blog-item.eut-style-2 .eut-media { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .eut-blog-grid .eut-blog-item.eut-style-2 .eut-post-content-wrapper { display: flex; align-self: center; justify-content: center; width: 100%; padding: 12%; } .eut-blog a.eut-post-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } /* ============================================================================= --- Post Title with Line ============================================================================= */ .eut-with-line { margin-bottom: 1.000em; line-height: 1.2em; display: inline-block; } .eut-with-line:after { content: ''; width: 1.667em; height: 2px; min-width: 50px; margin-top: 0.800em; display: block; -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; } .eut-align-center .eut-with-line:after, .eut-align-center.eut-with-line:after { margin-left: auto; margin-right: auto; } .eut-align-left .eut-with-line:after, .eut-align-left.eut-with-line:after { margin-left: 0; margin-right: auto; } .eut-align-right .eut-with-line:after, .eut-align-right.eut-with-line:after { margin-left: auto; margin-right: 0; } .eut-blog .eut-blog-item:hover .eut-with-line:after { width: 2.222em; min-width: 60px; } /* ============================================================================= --- Read More ============================================================================= */ #eut-main-content .eut-read-more, #eut-main-content .more-link { position: relative; text-transform: uppercase; -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; } #eut-main-content .eut-read-more:after, #eut-main-content .more-link:after { content: ''; position: absolute; width: 100%; height: 1px; border-bottom: 2px solid; left: 0; top: 0; padding-bottom: 20px; opacity: 0; -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; } #eut-main-content .eut-read-more:hover:after, #eut-main-content .more-link:hover:after { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); opacity: 1; } #eut-main-content .eut-read-more:hover, #eut-main-content .more-link:hover { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); color: inherit; } .eut-blog p + .eut-read-more { display: inline-block; vertical-align: top; margin-bottom: 30px; } /* Blog Media */ .eut-blog.eut-blog-large .eut-media img { width: 100%; height: auto; max-width: none; display: block; } #eut-single-link img, #eut-single-quote img, .eut-blog-large .format-link .eut-media img, .eut-blog-large .format-quote .eut-media img { display: none; } /* Blog Slider */ .eut-blog .eut-media .owl-controls { position: absolute; z-index: 10; width: 100%; padding-left: 12%; top: auto; bottom: 30px; color: #ffffff; } /* ============================================================================= --- Blog Sticky ============================================================================= */ .eut-blog-large .eut-blog-item.sticky .eut-blog-item-inner { background-color: #ffffff; position: relative; -webkit-box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow : 0 1px 2px rgba(0,0,0,0.2); box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2); } .eut-blog-large .eut-blog-item.sticky .eut-blog-item-inner:after { content: ''; position: absolute; top: 0; right: 0; z-index: 10; width: 0; height: 0; border-top: 0px solid transparent !important; border-bottom: 50px solid transparent !important; border-right: 50px solid blue; } .eut-blog-large .eut-blog-item.sticky .eut-post-meta-wrapper { padding: 15px; } /* ============================================================================= --- Blog Meta ============================================================================= */ .eut-post-meta-wrapper { font-size: 0; padding: 15px 0; overflow: hidden; position: relative; } .eut-post-meta-wrapper:before { content: ''; height: 1px; width: 100%; position: absolute; top: 0; left: 0; border-top: 1px solid; opacity: 0.2; } .eut-with-shadow .eut-post-meta-wrapper, .eut-style-2 .eut-post-meta-wrapper { padding: 15px; } ul.eut-post-meta { margin: 0; list-style: none; display: inline-block; } .eut-post-meta li { display: inline-block; line-height: 1.2; margin: 0 15px 0 0; vertical-align: top; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-post-meta li:last-child { margin: 0; } .eut-post-meta li a { color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-post-meta li i { display: inline-block; vertical-align: -0.167em; margin-right: 3px; font-size: 1.200em; } /* Blog Element Meta */ .eut-post-meta-wrapper ul.eut-post-meta { display: block; text-align: right; line-height: 1.4; } .eut-post-meta-wrapper .eut-post-meta li:last-child { margin: 0; } .eut-post-meta-wrapper .eut-post-meta li:first-child { float: left; } /* Categories */ .eut-post-meta-wrapper .eut-categories { float: right; max-width: 100%; list-style: none; display: inline-block; margin: 0; } .eut-post-meta-wrapper .eut-categories li { margin: 0 0 0 15px; display: inline-block; } /* ============================================================================= --- Blog Audio Format ============================================================================= */ #eut-theme-wrapper .wp-audio-shortcode button[type="button"] { background-color: transparent !important; padding: 0; margin-top: 6px; margin-bottom: 0; } /* ============================================================================= --- Blog Quote & Link Format ============================================================================= */ .eut-blog .format-quote { position: relative; } .eut-blog.eut-blog-large .format-quote.eut-style-2 .eut-post-content, .eut-blog .format-quote.eut-style-2 .eut-post-content, .eut-blog.eut-blog-large .format-link.eut-style-2 .eut-post-content, .eut-blog .format-link.eut-style-2 .eut-post-content { position: relative; z-index: 5; display: block; padding: 17%; color: #ffffff; } .eut-blog .format-quote.eut-style-2 .eut-post-title, .eut-blog .format-link.eut-style-2 .eut-post-title { color: #ffffff; } .eut-blog .format-quote a, .eut-blog .format-link a { display: block; position: relative; height: 100%; } .eut-post-icon { font-size: 30px; display: inline-block; margin-bottom: 30px; } .eut-post-url { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .eut-blog .format-quote .eut-post-date, .eut-blog .format-quote .eut-quote-writer, .eut-blog .format-link .eut-post-url { margin-top: 30px; display: block; } /* ============================================================================= --- Blog Large Media ============================================================================= */ .eut-blog.eut-blog-large .eut-blog-item { display: block; margin-bottom: 30px; } .eut-blog.eut-blog-large .eut-blog-item.eut-style-2 { margin-bottom: 60px; } .eut-blog.eut-blog-large .eut-blog-item:last-child { margin-bottom: 0; } .eut-blog.eut-blog-large .eut-post-content { padding: 8%; display: block; } #eut-body.search-results .eut-blog.eut-blog-large .eut-post-title { margin-bottom: 12px; } /* ============================================================================= --- Blog Small Media ============================================================================= */ .eut-blog.eut-blog-small .eut-blog-item { display: block; margin-bottom: 30px; } .eut-blog.eut-blog-small .eut-blog-item-inner { font-size: 0; } .eut-blog.eut-blog-small .eut-media { width: 50%; display: inline-block; vertical-align: middle; } .eut-blog.eut-blog-small .eut-style-2 .eut-media { width: 100%; } .eut-blog.eut-blog-small .eut-media + .eut-post-content-wrapper { width: 50%; display: inline-block; vertical-align: middle; padding-left: 30px; } .eut-blog.eut-blog-small .eut-post-title, .eut-blog.eut-blog-small .eut-title { display: inline-block; clear: both; } .eut-blog.eut-blog-small .eut-post-meta { padding-bottom: 0px; } .eut-blog.eut-blog-small .eut-blog-item.eut-style-2 .eut-post-content { padding: 8%; } .eut-blog.eut-blog-small .eut-blog-item:not(.eut-style-2) p { margin-bottom: 30px; } .eut-blog.eut-blog-small .eut-blog-item:not(.eut-style-2) .eut-read-more { margin-bottom: 30px; } @media only screen and (max-width: 1023px) { .eut-blog.eut-blog-small .eut-media { margin-bottom: 30px; margin-right: 0; width: 100%; display: block; } .eut-blog.eut-blog-small .eut-media + .eut-post-content-wrapper { width: 100%; display: block; padding-left: 0; } } /* Blog Isotope */ .eut-blog-item.eut-isotope-item p { font-size: 14px; line-height: 24px; } .eut-blog-item.eut-isotope-item p.eut-quote-text { font-size: 18px; line-height: 24px; } /* ============================================================================= --- Blog Grid ============================================================================= */ .eut-blog.eut-blog-columns .eut-blog-item { margin-bottom: 60px; } .eut-blog.eut-blog-columns .eut-blog-item .eut-blog-item-inner { position: relative; } .eut-blog-columns .eut-blog-item p { margin-bottom: 0; } .eut-blog.eut-blog-columns:not(.eut-with-shadow) .eut-blog-item p { margin-bottom: 30px; } .eut-blog.eut-blog-columns.eut-with-shadow .eut-read-more { margin-top: 30px; } .eut-blog .eut-blog-item .eut-post-content, .eut-blog.eut-blog-columns .eut-blog-item .eut-post-meta-wrapper { z-index: 5; position: relative; border-bottom: none; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-blog.eut-blog-columns .eut-blog-item .eut-post-meta-wrapper.eut-bottom { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; } .eut-blog .eut-blog-item.eut-style-2 .eut-media { margin-bottom: 0; } .eut-blog .eut-blog-item.eut-style-2 .eut-post-content { margin: 0; padding: 17%; } .eut-blog.eut-blog-grid .eut-blog-item.eut-style-2.eut-middle .eut-post-content { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Slider Pagination Fix */ .eut-blog.eut-blog-columns .eut-media .owl-controls { padding-left: 17%; } /* Style 2 */ .eut-blog.eut-blog-columns .eut-blog-item.eut-style-2, #eut-main-content .eut-blog-item.eut-style-2 .eut-read-more:hover, #eut-main-content .eut-blog-item.eut-style-2 .more-link:hover, .eut-blog-item.eut-style-2 .eut-categories li a, .eut-blog.eut-blog-columns .eut-blog-item.eut-style-2 .eut-post-title { color: #ffffff; } /* ============================================================================= --- Blog Masonry ============================================================================= */ .eut-blog.eut-blog-masonry .eut-style-2:not(.format-quote):not(.format-link) .eut-blog-item-inner { padding-top: 40px; } .eut-blog.eut-blog-masonry .eut-style-2 .eut-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ============================================================================= --- Blog Leader ============================================================================= */ .eut-blog-leader:before, .eut-blog-leader:after { display: table; content: " "; } .eut-blog-leader:after { clear: both; } .eut-blog-leader .eut-media img { width: 100%; height: auto; max-width: none; display: block; opacity: 0; } .eut-blog-leader .eut-post-content .eut-post-header, .eut-blog-leader .eut-post-content p, .eut-blog-leader .eut-post-content .eut-post-meta-wrapper { position: relative; z-index: 5; } .eut-blog-leader .eut-post-leader .eut-post-title { margin-bottom: 22px; } .eut-blog-leader .eut-post-list .eut-blog-item { margin-bottom: 30px; } .eut-blog-leader .eut-post-list .eut-blog-item:last-child { margin-bottom: 0; } .eut-blog-leader .eut-post-content p { font-size: 14px; line-height: 1.571em; margin-bottom: 15px; display: block; } .eut-blog-leader .eut-post-list .eut-post-content p { text-overflow: ellipsis; overflow: hidden; max-height: 3.143em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .eut-blog-leader .eut-post-meta-wrapper { border-bottom: none; padding: 15px 0 0 0; margin-top: 0; } .eut-blog-leader .eut-post-list .eut-post-title { line-height: 1.2; } /* Layout 1 */ .eut-blog-leader.eut-layout-1 { margin-left: -15px; margin-right: -15px; } .eut-blog-leader.eut-layout-1 .eut-post-leader, .eut-blog-leader.eut-layout-1 .eut-post-list { float: left; width: 50%; padding-left: 15px; padding-right: 15px; } .eut-blog-leader.eut-layout-1 .eut-post-list .eut-blog-item-inner { display: table; width: 100%; height: 100%; table-layout: fixed; position: relative; z-index: 5; } .eut-blog-leader.eut-layout-1 .eut-post-leader .eut-media { margin-bottom: 30px; } .eut-blog-leader.eut-layout-1 .eut-post-list .eut-media { display: table-cell; width: 50%; padding-right: 20px; vertical-align: top; } .eut-blog-leader.eut-layout-1 .eut-post-list .eut-media + .eut-post-content { display: table-cell; width: 50%; vertical-align: top; } /* Anemos Style Layout 1 */ .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-post-content { padding: 8%; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-media { margin-bottom: 0; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-blog-item { display: table; width: 100%; height: 100%; position: relative; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-blog-item-inner { display: table-cell; vertical-align: middle; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader { visibility: hidden; } /* Leader Post Only */ .eut-blog-leader.eut-layout-1 .eut-post-leader.eut-post-leader-only, .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader.eut-post-leader-only { float: none; position: relative; width: 100%; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-post-content { padding: 17%; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-post-date, .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-post-title, .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader p, .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-post-meta li { color: #ffffff; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader.eut-with-primary-bg .eut-post-title:hover { color: #ffffff !important; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader.eut-with-primary-bg .eut-post-title:after { background-color: #ffffff !important; } .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-post-meta li { opacity: 0.8; } #eut-theme-wrapper .eut-blog-leader.eut-layout-1.eut-anemos-style .eut-post-leader .eut-post-meta-wrapper { position: absolute; bottom: 0; padding: 15px; left: 0; width: 100%; color: #ffffff; } @media only screen and (max-width: 1023px) { #eut-theme-wrapper .eut-blog-leader.eut-layout-1 { margin-left: 0; margin-right: 0; } #eut-theme-wrapper .eut-blog-leader.eut-layout-1 .eut-post-leader, #eut-theme-wrapper .eut-blog-leader.eut-layout-1 .eut-post-list { float: none; width: 100%; margin: 0 0 30px 0; padding: 0; position: relative; } } @media only screen and (max-width: 767px) { #eut-theme-wrapper .eut-blog-leader.eut-layout-1 .eut-post-list .eut-post-content .eut-post-title { margin-bottom: 0; } #eut-theme-wrapper .eut-blog-leader.eut-layout-1 .eut-post-list .eut-post-content .eut-post-title:after, #eut-theme-wrapper .eut-blog-leader.eut-layout-1 .eut-post-list .eut-post-content p, #eut-theme-wrapper .eut-blog-leader.eut-layout-1 .eut-post-list .eut-post-content .eut-post-meta-wrapper { display: none; } } /* Layout 2 */ .eut-blog-leader.eut-layout-2 .eut-post-leader { margin-bottom: 30px; } .eut-blog-leader.eut-layout-2 .eut-post-list .eut-post-content { padding: 17%; } .eut-blog-leader.eut-layout-2 .eut-blog-item-inner { background-color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .eut-blog-leader.eut-layout-2 .eut-post-list { margin-left: -15px; margin-right: -15px; } .eut-blog-leader.eut-layout-2 .eut-post-list:before, .eut-blog-leader.eut-layout-2 .eut-post-list:after { display: table; content: " "; } .eut-blog-leader.eut-layout-2 .eut-post-list:after { clear: both; } .eut-blog-leader.eut-layout-2 .eut-post-list .eut-blog-item { float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .eut-blog-leader.eut-layout-2.eut-blog-items-4 .eut-post-list .eut-blog-item { width: 33.33333333%; } .eut-blog-leader.eut-layout-2.eut-blog-items-3 .eut-post-list .eut-blog-item { width: 50%; } /* ============================================================================= --- Blog Gallery Format ============================================================================= */ ul.eut-post-gallery { margin: 0; list-style: none; display: inline-block; vertical-align: top; } ul.eut-post-gallery li { float: left; } ul.eut-post-gallery li img { max-width: none; width: 100%; } ul.eut-post-gallery li a { display: block; overflow: hidden; } /* Gallery Blog Element */ ul.eut-post-gallery li { width: 33.33333333333333%; } ul.eut-post-gallery li:nth-child(3n+1) { clear: both; } @media only screen and (max-width: 1023px) { ul.eut-post-gallery li { width: 100%; clear: both; padding: 0; } } /* ============================================================================= --- Blog Carousel ============================================================================= */ .eut-blog-carousel .eut-post-item { position: relative; } .eut-layout-1 .eut-blog-carousel .eut-media { margin-bottom: 30px; } .eut-carousel-post-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .eut-layout-2 .eut-blog-carousel .eut-post-content-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; } .eut-layout-2 .eut-blog-carousel .eut-post-content { display: table; width: 100%; height: 100%; } .eut-layout-2 .eut-blog-carousel .eut-post-container { display: table-cell; vertical-align: middle; padding: 0 5%; -webkit-transition : all .4s; -moz-transition : all .4s; -ms-transition : all .4s; -o-transition : all .4s; transition : all .4s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-layout-2 .eut-blog-carousel .eut-carousel-item:hover .eut-post-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-layout-2 .eut-blog-carousel .eut-post-title { color: #ffffff; } .eut-blog-carousel .eut-post-title.eut-with-line { margin-bottom: 0.800em; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-layout-2 .eut-blog-carousel .eut-post-title.eut-with-line:after { width: 0; min-width: 0; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .eut-layout-2 .eut-blog-carousel .eut-carousel-item:hover .eut-post-title.eut-with-line:after { width: 1.667em; min-width: 50px; } .eut-blog-carousel .eut-post-date { line-height: 2.000em; margin-bottom: 5px; } .eut-blog-carousel ul.eut-post-meta { display: block; opacity: 0; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } .eut-blog-carousel .eut-carousel-item:hover ul.eut-post-meta { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-blog-carousel .eut-post-meta li { opacity: 1; } /* ============================================================================= - Slider & Carousel Navigations ============================================================================= */ .eut-carousel-navigation .eut-carousel-buttons div { position: absolute; z-index: 3; display: inline-block; zoom: 1; cursor: pointer; *display: inline;/*IE7 life-saver */ } /* Navigations */ .eut-carousel-navigation .eut-carousel-buttons div { height: 1em; line-height: 1em; margin-top: -0.500em; text-align: center; top: 50%; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-carousel-navigation .eut-carousel-buttons div i { font-size: 1em; } /* Navigation Type 1 */ .eut-navigation-1 { font-size: 36px; } .eut-element .eut-navigation-1 { font-size: 24px; } .eut-navigation-1.eut-light .eut-carousel-buttons div { color: #ffffff; } .eut-navigation-1.eut-default .eut-carousel-buttons div, .eut-navigation-1.eut-dark .eut-carousel-buttons div { color: #000000; } .eut-navigation-1 .eut-carousel-buttons .eut-carousel-prev { left: 40px; opacity: 0; } .eut-navigation-1 .eut-carousel-buttons .eut-carousel-next { right: 40px; opacity: 0; } .eut-carousel-wrapper:hover .eut-navigation-1 .eut-carousel-buttons .eut-carousel-prev { left: 20px; opacity: 1; } .eut-section:not(.eut-fullwidth) .eut-carousel-wrapper:hover .eut-navigation-1.eut-navigation-carousel .eut-carousel-buttons .eut-carousel-prev { left: -2em; opacity: 1; } .eut-carousel-wrapper:hover .eut-navigation-1 .eut-carousel-buttons .eut-carousel-next { right: 20px; opacity: 1; } .eut-section:not(.eut-fullwidth) .eut-carousel-wrapper:hover .eut-navigation-1.eut-navigation-carousel .eut-carousel-buttons .eut-carousel-next { right: -2em; opacity: 1; } /* Navigation Type 2 */ .eut-navigation-2 { font-size: 16px; } .eut-navigation-2 .eut-carousel-buttons div { width: 60px; height: 60px; line-height: 60px; margin-top: -30px; } .eut-navigation-2 .eut-carousel-buttons div { color: #000000; background-color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .eut-navigation-2 .eut-carousel-buttons .eut-carousel-prev { left: 0; opacity: 0; } .eut-navigation-2 .eut-carousel-buttons .eut-carousel-next { right: 0; opacity: 0; } .eut-carousel-wrapper:hover .eut-navigation-2 .eut-carousel-buttons .eut-carousel-prev { left: 1.875rem; opacity: 1; } .eut-carousel-wrapper:hover .eut-navigation-2 .eut-carousel-buttons .eut-carousel-next { right: 1.875rem; opacity: 1; } /* Navigation Type 3 */ .eut-navigation-3 { font-size: 24px; } .eut-navigation-3 .eut-carousel-buttons div { width: 2em; height: 2em; line-height: 2em; } .eut-navigation-3.eut-light .eut-carousel-buttons div { color: #000000; background-color: rgba(255,255,255,0.9); -webkit-border-radius: 50px; border-radius: 50px; } .eut-navigation-3.eut-default .eut-carousel-buttons div, .eut-navigation-3.eut-dark .eut-carousel-buttons div { color: #ffffff; background-color: rgba(0,0,0,0.9); -webkit-border-radius: 50px; border-radius: 50px; } .eut-navigation-3 .eut-carousel-buttons .eut-carousel-prev { left: 20px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); opacity: 0; } .eut-navigation-3 .eut-carousel-buttons .eut-carousel-next { right: 20px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); opacity: 0; } .eut-carousel-wrapper:hover .eut-navigation-3 .eut-carousel-buttons .eut-carousel-prev { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .eut-carousel-wrapper:hover .eut-navigation-3 .eut-carousel-buttons .eut-carousel-next { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } /* Navigation Type 4 */ .eut-navigation-4 { font-size: 36px; } .eut-element .eut-navigation-4 { font-size: 24px; } .eut-navigation-4 .eut-carousel-buttons div { width: 1em; } .eut-navigation-4.eut-light .eut-carousel-buttons div { color: #ffffff; } .eut-navigation-4.eut-default .eut-carousel-buttons div, .eut-navigation-4.eut-dark .eut-carousel-buttons div { color: #000000; } .eut-navigation-4 .eut-carousel-buttons .eut-carousel-prev { left: 0; opacity: 0; } .eut-navigation-4 .eut-carousel-buttons .eut-carousel-next { right: 0; opacity: 0; } .eut-carousel-wrapper:hover .eut-navigation-4 .eut-carousel-buttons .eut-carousel-prev { left: 1em; opacity: 1; } .eut-section:not(.eut-fullwidth) .eut-carousel-wrapper:hover .eut-navigation-4.eut-navigation-carousel .eut-carousel-buttons .eut-carousel-prev { left: -1.5em; opacity: 1; } .eut-carousel-wrapper:hover .eut-navigation-4 .eut-carousel-buttons .eut-carousel-next { right: 1em; opacity: 1; } .eut-section:not(.eut-fullwidth) .eut-carousel-wrapper:hover .eut-navigation-4.eut-navigation-carousel .eut-carousel-buttons .eut-carousel-next { right: -1.5em; opacity: 1; } /* Fullwidth Carousel */ .eut-fullwidth .eut-carousel-wrapper:hover .eut-carousel-buttons .eut-carousel-prev { left: 2em; } .eut-fullwidth .eut-carousel-wrapper:hover .eut-carousel-buttons .eut-carousel-next { right: 2em; } /* Tablet Nav Size */ @media only screen and (max-width: 1200px) { /* Navigation Type 1 */ .eut-navigation-1 { font-size: 36px; } /* Navigation Type 2 */ .eut-navigation-2 { font-size: 16px; } /* Navigation Type 3 */ .eut-navigation-3 { font-size: 16px; } /* Navigation Type 4 */ .eut-navigation-4 { font-size: 24px; } } @media only screen and (max-width: 767px) { #eut-feature-section .eut-carousel-navigation { display: none; } } /* ============================================================================= - Countdown ============================================================================= */ .eut-countdown { text-align: center; } .eut-countdown .eut-countdown-item { display: inline-block; position: relative; text-align: center; margin-bottom: 0; padding: 0 3%; } .eut-countdown .eut-countdown-item .eut-number { min-width: 1.667em; } .eut-countdown .eut-countdown-item .eut-number { margin: 0; } @media only screen and (max-width: 767px) { .eut-countdown .eut-countdown-item { display: block; margin-bottom: 30px; padding: 0; } .eut-countdown .eut-countdown-item:last-child { margin-bottom: 0; } } /* Style 01 */ .eut-countdown.eut-style-1 .eut-countdown-item:before { content: ''; position: absolute; top: 0; right: 0; border-right: 1px solid; width: 1px; height: 100%; opacity: 0.2; } @media only screen and (max-width: 767px) { .eut-countdown.eut-style-1 .eut-countdown-item { margin-bottom: 10px; padding-bottom: 10px; } .eut-countdown.eut-style-1 .eut-countdown-item:before { content: ''; position: absolute; top: auto; bottom: 0; border-right: none; border-top: 1px solid; width: 100%; height: 1px; } } .eut-countdown.eut-style-1 .eut-countdown-item:last-child:before { display: none; } .eut-countdown.eut-style-1 .eut-countdown-item span { display: block; margin-top: 5px; } /* Style 02 */ .eut-countdown.eut-style-2 .eut-countdown-item .eut-number { display: inline-block; vertical-align: middle; } .eut-countdown.eut-style-2 .eut-countdown-item span { display: inline-block; vertical-align: middle; margin-left: 5px; } /* Style 03 */ .eut-countdown.eut-style-3 .eut-countdown-item { margin: 0 3px; padding: 15px 30px; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); background-color: #ffffff; } .eut-countdown.eut-style-3 .eut-countdown-item span { display: block; margin-top: 5px; } /* ============================================================================= - Gutenberg ============================================================================= */ /* ============================================================================= --- Block Quote ============================================================================= */ .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { content: ''; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 18px; } .wp-block-quote cite, .wp-block-quote footer { font-size: 13px; font-style: italic; } /* ============================================================================= --- Block Pullquote ============================================================================= */ .wp-block-pullquote { border: none; } blockquote.wp-block-pullquote:before, .wp-block-pullquote blockquote:before { content: ''; } blockquote.wp-block-pullquote, .wp-block-pullquote blockquote { opacity: 1; } .wp-block-pullquote p { font-size: 28px; line-height: 1.6; } blockquote.wp-block-pullquote.is-style-solid-color p, .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } blockquote.wp-block-pullquote.alignleft p, blockquote.wp-block-pullquote.alignright p, .wp-block-pullquote.alignleft blockquote p, .wp-block-pullquote.alignright blockquote p { font-size: 20px; } .wp-block-pullquote cite, .wp-block-pullquote footer { font-size: 13px; font-style: italic; } /* ============================================================================= --- Block Separator ============================================================================= */ .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } /* ============================================================================= --- Block Archives/ Categories / Latest Posts ============================================================================= */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { margin: 0 0 28px 0; list-style: none; } .wp-block-archives li, .wp-block-categories li, .wp-block-latest-posts li { margin-bottom: 6px; text-align: left; overflow: hidden; } .wp-block-archives, li ul, .wp-block-categories li ul, .wp-block-latest-posts li ul { padding-left: 10px; } .wp-block-archives li:last-child, .wp-block-categories li:last-child, .wp-block-latest-posts li:last-child { margin-bottom: 0; padding-bottom: 0; } /* ============================================================================= --- Block Gallery ============================================================================= */ .wp-block-gallery { margin: 0 0 28px 0; } /* ============================================================================= - Widget ============================================================================= */ .widget, .widgets { font-size: 13px; line-height: 1.846em; } #eut-theme-wrapper .widget:last-child, #eut-theme-wrapper .widgets:last-child { margin-bottom: 0; } .eut-widget-title { margin-bottom: 20px; } /* Widget in vc column */ #eut-content-area .wpb_content_element { margin-bottom: 40px; } #eut-content-area .wpb_content_element .widget, #eut-content-area .wpb_content_element .widgets, #eut-content-area .wpb_content_element:last-child { margin-bottom: 0; } .eut-widget .eut-media { overflow: hidden; } /* ============================================================================= --- Widget Title ============================================================================= */ #eut-content .widget .eut-widget-title { padding: 10px; text-align: center; background-color: #000000; color: #ffffff; margin-bottom: 40px; } /* ============================================================================= --- Widget Categories ============================================================================= */ .widget.widget_categories label { display: none; } .widget.widget_categories ul { margin: 0; list-style: none; } .widget.widget_categories li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; text-align: right; overflow: hidden; } .widget.widget_categories li ul { padding-left: 10px; padding-top: 10px; margin-top: 10px; border-top: 1px solid; border-color: inherit; } .widget.widget_categories li ul li { margin-bottom: 10px; padding-bottom: 10px; } .widget.widget_categories li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_categories li a { float: left; color: inherit; } /* ============================================================================= --- Widget Archive ============================================================================= */ .widget.widget_archive label { display: none; } .widget.widget_archive ul { margin: 0; list-style: none; } .widget.widget_archive li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; text-align: right; overflow: hidden; } .widget.widget_archive li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_archive li a { float: left; color: inherit; } /* ============================================================================= --- Widget Pages ============================================================================= */ .widget.widget_pages ul { margin: 0; list-style: none; } .widget.widget_pages li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; } .widget.widget_pages li ul { padding-left: 10px; padding-top: 10px; margin-top: 10px; border-top: 1px solid; border-color: inherit; } .widget.widget_pages li ul li { margin-bottom: 10px; padding-bottom: 10px; } .widget.widget_pages li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_pages li a { color: inherit; } /* ============================================================================= --- Widget Recent Post ============================================================================= */ .widget.widget_recent_entries ul { margin: 0; list-style: none; } .widget.widget_recent_entries li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; } .widget.widget_recent_entries li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_recent_entries li span.post-date { display: block; line-height: 2em; margin-bottom: 0; opacity: 0.5; } .widget.widget_recent_entries li a { color: inherit; line-height: 1.571em; } /* ============================================================================= --- Widget Custom Menu ============================================================================= */ .widget.widget_nav_menu ul { margin: 0; list-style: none; } .widget.widget_nav_menu li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; } .widget.widget_nav_menu li ul { padding-left: 10px; padding-top: 10px; margin-top: 10px; border-top: 1px solid; border-color: inherit; } .widget.widget_nav_menu li ul li { margin-bottom: 10px; padding-bottom: 10px; } .widget.widget_nav_menu li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_nav_menu li a { color: inherit; } /* ============================================================================= --- Widget Calendar ============================================================================= */ .widget.widget_calendar { position: relative; } .widget.widget_calendar table, .widget.widget_calendar thead, .widget.widget_calendar tbody, .widget.widget_calendar tfoot, .widget.widget_calendar tr, .widget.widget_calendar td, .widget.widget_calendar th { border-color: inherit !important; } .widget.widget_calendar table { width: 100%; border-collapse:collapse; } .widget.widget_calendar a { color: inherit; } .widget.widget_calendar table tbody td { padding: 4px; font-size: 11px; } .widget.widget_calendar table th { text-align: center; padding: 10px 0; width: 14.28%; } .widget.widget_calendar caption { margin-bottom: 10px; text-align: left; } /* ============================================================================= --- Widget RSS ============================================================================= */ .widget.widget_rss ul { margin: 0; list-style: none; } .widget.widget_rss li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid; border-color: inherit; } .widget.widget_rss li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget .rss-date { display: block; margin-bottom: 5px; } .widget.widget_rss .eut-widget-title img { display: inline-block; margin-top: -3px; margin-right: 5px; } .widget.widget_rss a.rsswidget { color: inherit; } .widget.widget_rss .rss-date, .widget.widget_rss cite { opacity: 0.5; } /* ============================================================================= --- Widget Tagcloud ============================================================================= */ .widget.widget_tag_cloud .tagcloud { font-size: 0; border-color: inherit; } .widget.widget_tag_cloud a { display: inline-block; margin-bottom: 4px; margin-right: 4px; font-size: 12px !important; border: 1px solid; border-color: inherit; line-height: 30px; padding: 0 10px; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-content .widget.widget_tag_cloud a:before { content: '#'; opacity: 0.6; margin-right: 3px; } #eut-content .widget.widget_tag_cloud a { background-color: #ffffff; } /* ============================================================================= --- Widget Meta ============================================================================= */ .widget.widget_meta ul { margin: 0; list-style: none; } .widget.widget_meta li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; } .widget.widget_meta li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_meta li a { color: inherit; } /* ============================================================================= --- Widget Recent Comments ============================================================================= */ .widget.widget_recent_comments ul { margin: 0; list-style: none; } .widget.widget_recent_comments li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; } .widget.widget_recent_comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_recent_comments li a { color: inherit; } /* ============================================================================= --- Widget Contact Info (EUT WIDGET) ============================================================================= */ .eut-widget.eut-contact-info ul { margin: 0; list-style: none; } .eut-widget.eut-contact-info li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; border-color: inherit; } .eut-widget.eut-contact-info li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .eut-widget.eut-contact-info li i { margin-right: 20px; float: left; line-height: inherit; opacity: 0.5; } .eut-widget.eut-contact-info li .eut-info-content { overflow: hidden; } .eut-widget.eut-contact-info li a { color: inherit; } /* ============================================================================= --- Widget Latest News (EUT WIDGET) ============================================================================= */ .eut-widget.eut-latest-news ul { margin: 0; list-style: none; } .eut-widget.eut-latest-news li { margin-bottom: 20px; padding-bottom: 20px; display: table; width: 100%; border-bottom: 1px solid; border-color: inherit; } .eut-widget.eut-latest-news li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .eut-widget.eut-latest-news li .eut-post-thumb { display: table-cell; vertical-align: middle; width: 60px; height: 60px; min-width: 60px; } .eut-widget.eut-latest-news li a.eut-title { line-height: 1.571em; display: block; text-overflow: ellipsis; overflow:hidden; max-height: 3.143em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: inherit; } .eut-widget.eut-latest-news li img { display: none; } .eut-widget.eut-latest-news li .eut-bg-wrapper .eut-bg-image { -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .eut-widget.eut-latest-news li .eut-news-content { display: table-cell; vertical-align: middle; } .eut-widget.eut-latest-news li a.eut-post-thumb + .eut-news-content { padding-left: 20px; } .eut-widget.eut-latest-news .eut-latest-news-date { line-height: 2em; margin-bottom: 0; opacity: 0.5; } /* ============================================================================= --- Widget Latest Comments (EUT WIDGET) ============================================================================= */ .eut-widget.eut-comments ul { margin: 0; list-style: none; } .eut-widget.eut-comments li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid; border-color: inherit; } .eut-widget.eut-comments li img { -webkit-border-radius: 50px; border-radius: 50px; float: left; } .eut-widget.eut-comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .eut-widget.eut-comments li a.eut-title { display: block; line-height: 1.571em; } .eut-widget.eut-comments li a { color: inherit; } .eut-widget.eut-comments li .eut-comment-content { overflow: hidden; vertical-align: middle; } .eut-widget.eut-comments li img + .eut-comment-content { padding-left: 20px; } .eut-widget.eut-comments .eut-comment-date { line-height: 2em; margin-bottom: 0; opacity: 0.5; } /* ============================================================================= --- Widget Instagram Feed (EUT WIDGET) ============================================================================= */ .eut-widget.eut-instagram-feed { overflow: hidden; position: relative; z-index: 2; } .eut-widget.eut-instagram-feed ul { margin: 0; list-style: none; overflow: hidden; margin: -2px; } .eut-widget.eut-instagram-feed li { padding: 2px; position: relative; float: left; width: 33.33333333%; max-width: 150px; min-width: 50px; } .eut-widget.eut-instagram-feed li a { display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 3; width: 100%; height: 100%; background-color: #000000; -webkit-border-radius: inherit; border-radius: inherit; opacity: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .eut-widget.eut-instagram-feed li a:hover { opacity: 0.6; } .eut-widget.eut-instagram-feed li img { display: none; } .eut-widget.eut-instagram-feed li .eut-bg-wrapper, .eut-widget.eut-instagram-feed li .eut-bg-image { -webkit-border-radius: inherit; border-radius: inherit; } .eut-widget.eut-instagram-feed li .eut-item-wrapper { position: relative; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } /* ============================================================================= --- Widget Latest Social (EUT WIDGET) ============================================================================= */ .eut-widget.eut-social { overflow: hidden; } .eut-widget.eut-social ul { margin: 0; list-style: none; font-size: 0; } .eut-widget.eut-social li { font-size: 13px; display: inline-block; margin: 0px 10px 10px 0; } .eut-widget.eut-social li a { display: inline-block; width: inherit; height: inherit; line-height: inherit; text-align: center; font-size: 16px; color: inherit; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .eut-widget.eut-social li a.eut-outline { border: 1px solid; border-color: inherit; } /* Small Size */ .eut-widget.eut-social li a.eut-small { font-size: 1.125em; } .eut-widget.eut-social li a.eut-small.eut-outline, .eut-widget.eut-social li a.eut-small.eut-simple { width: 2.188em; height: 2.188em; line-height: 2.188em; font-size: 1em; } /* Medium Size */ .eut-widget.eut-social li a.eut-medium { font-size: 1.500em; } .eut-widget.eut-social li a.eut-medium.eut-outline, .eut-widget.eut-social li a.eut-medium.eut-simple { width: 2.778em; height: 2.778em; line-height: 2.778em; font-size: 1.125em; } /* Large Size */ .eut-widget.eut-social li a.eut-large { font-size: 2.000em; } .eut-widget.eut-social li a.eut-large.eut-outline, .eut-widget.eut-social li a.eut-large.eut-simple { width: 3.500em; height: 3.500em; line-height: 3.500em; font-size: 1.250em; } /* ============================================================================= --- Widget Promote Post (EUT WIDGET) ============================================================================= */ .eut-widget.eut-promote-post a.eut-post-link { position: relative; display: block; } .eut-promote-content { color: #ffffff; position: absolute; bottom: 0; top: auto; left: 0; width: 100%; padding: 7%; z-index: 6; -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; } .eut-widget.eut-promote-post .eut-post-meta-wrapper { position: absolute; bottom: 0; top: auto; left: 0; z-index: 6; padding: 7%; border: none; -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); transform: translateY(150%); } .eut-widget.eut-promote-post .hover .eut-post-meta-wrapper { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .eut-widget.eut-promote-post .eut-post-meta-wrapper li { opacity: 1; color: #ffffff; } .eut-promote-content .eut-promote-date { -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; } .hover .eut-promote-content { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .hover .eut-promote-content .eut-promote-date { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); opacity: 0; } .eut-widget.eut-promote-post .eut-post-meta-wrapper:before { display: none; } .eut-widget.eut-promote-post .eut-media { background-color: #f7f7f7; } .eut-widget.eut-promote-post .eut-media img { display: none; } /* ============================================================================= --- Widget Image Banner (EUT WIDGET) ============================================================================= */ .eut-widget.eut-image-banner .eut-full-image img { display: block; max-width: none; width: 100%; } .eut-widget .eut-image-banner-content { margin-top: 30px; } /* ============================================================================= --- Widget Sticky (EUT WIDGET) ============================================================================= */ .eut-sticky-widget { margin-bottom: 0; } /* ============================================================================= --- Widget Polylang ============================================================================= */ .eut-widget.widget_polylang ul { margin: 0; list-style: none; } .eut-widget.widget_polylang ul li { margin-bottom: 10px; } .eut-widget.widget_polylang ul li img{ margin-top: -2px; margin-right: 5px; }/* =========================================================================== */ /* Tablet Landscape /* - Container /* Tablet Portait /* - Responsive Header /* - Logo /* - Main Menu /* - Feature Section Content /* - Feature Section Graphic /* - Small Blog /* - Background Image /* Mobile Landscape /* - Hide Br Tag /* - Large Blog /* - Comment Form /* - Call Out /* Mobile Portait /* =========================================================================== */ /* Tablet Landscape ============================================================================= */ @media only screen and (max-width: 1200px) { /* - Container ========================================================================= */ #eut-body.eut-boxed #eut-theme-wrapper { width: 90%; } #eut-body.eut-boxed .eut-anchor-menu .eut-anchor-wrapper.eut-sticky { width: 90%; } #eut-body.eut-boxed #eut-content.eut-right-sidebar .eut-content-wrapper, #eut-body.eut-boxed #eut-content.eut-left-sidebar .eut-content-wrapper { max-width: 90%; } body.eut-boxed #eut-theme-wrapper { margin-top: 0; margin-bottom: 0; } } /* Tablet Portait ============================================================================= */ @media only screen and (max-width: 1023px) { /* - Container ========================================================================= */ #eut-body.eut-boxed #eut-content.eut-right-sidebar .eut-content-wrapper, #eut-body.eut-boxed #eut-content.eut-left-sidebar .eut-content-wrapper { max-width: 100%; } /* - Responsive Header ========================================================================= */ #eut-main-header { display: none; } #eut-responsive-header { display: block; } /* - Logo ========================================================================= */ #eut-logo.eut-position-center, #eut-logo.eut-position-center .eut-wrapper { position: relative; left: 0; } /* - Main Menu ========================================================================= */ #eut-main-menu, #eut-bottom-header { display: none; } /* - Feature Section Content ========================================================================= */ #eut-feature-section .eut-content { padding-top: 30px; padding-bottom: 30px; } /* - Feature Section Graphic ========================================================================= */ .eut-content.eut-align-left-center .eut-graphic, .eut-content.eut-align-center-center .eut-graphic, .eut-content.eut-align-right-center .eut-graphic { position: relative; } /* - Small Blog ========================================================================= */ .eut-blog-small .eut-blog-item { margin-bottom: 90px; } .eut-blog-small .eut-post-content, .eut-blog-small .eut-media + .eut-post-content { padding-left: 0; overflow: visible; } .eut-blog-small .eut-media { margin-bottom: 30px; width: 100%; padding-right: 0; } /* - Background Image ========================================================================= */ .eut-bg-image.eut-bg-tablet-sm-left-top { background-position: left top; } .eut-bg-image.eut-bg-tablet-sm-left-center { background-position: left center; } .eut-bg-image.eut-bg-tablet-sm-left-bottom { background-position: left bottom; } .eut-bg-image.eut-bg-tablet-sm-center-top { background-position: center top; } .eut-bg-image.eut-bg-tablet-sm-center-center { background-position: center center; } .eut-bg-image.eut-bg-tablet-sm-center-bottom { background-position: center bottom; } .eut-bg-image.eut-bg-tablet-sm-right-top { background-position: right top; } .eut-bg-image.eut-bg-tablet-sm-right-center { background-position: right center; } .eut-bg-image.eut-bg-tablet-sm-right-bottom { background-position: right bottom; } } /* Mobile Landscape ============================================================================= */ @media only screen and (max-width: 767px) { /* - Hide Br Tag ========================================================================= */ br.hidden { display: none; } /* - Large Blog ========================================================================= */ .eut-blog-large .eut-blog-item { margin-bottom: 90px; } .eut-blog-large .eut-post-content { padding-left: 0; } .eut-blog-large .eut-media { margin-bottom: 30px; } .eut-blog-large ul.eut-post-meta { position: static; top: 0; left: 0; width: auto; font-size: 0.813em; } .eut-blog-large ul.eut-post-meta:after { display: none; } .eut-blog-large ul.eut-post-meta li { display: inline-block; margin-right: 10px; } /* - Comment Form ========================================================================= */ #eut-comment-form .eut-form-input { width: 100%; float: none; margin-right: 0; } /* - Call Out ========================================================================= */ .eut-callout.eut-btn-right { display: block; } .eut-callout.eut-btn-right .eut-callout-wrapper { position: relative; display: block; vertical-align: top; padding-right: 0; } .eut-callout.eut-btn-right .eut-button-wrapper { display: block; vertical-align: top; max-width: 100%; text-align: left; margin-top: 30px; } } /* Mobile Portait ============================================================================= */ @media only screen and (max-width: 479px) { } /* Print ============================================================================= */ @media print { /* - Print General ========================================================================= */ @page { margin: 3.5cm; } img { max-height: 200px !important; width: auto !important; } video,audio,object,embed { display: none; } .page-break { display: block; page-break-before: always; } .no-print { display: none; } p a:link:after, p a:visited:after { content:" [" attr(href) "] "; } .eut-element { margin-bottom: 40px !important; } .vc_empty_space { display: none; } .eut-animated-item { opacity: 1; } /* - Print Header ========================================================================= */ #eut-header.eut-fixed #eut-main-header { position: static; } #eut-header.eut-sticky-header.eut-advanced.hide #eut-main-header { -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; transform: translateY(0) !important; } #eut-main-header .eut-logo .eut-wrapper img.eut-default { display: block !important; } #eut-main-header .eut-logo .eut-wrapper img.eut-light, #eut-main-header .eut-logo .eut-wrapper img.eut-dark, #eut-main-header .eut-logo .eut-wrapper img.eut-sticky, #eut-main-menu, #eut-main-header .eut-header-elements-wrapper { display: none !important; } #eut-anemos-sticky-header { display: none !important; } /* - Print Main Content ========================================================================= */ #eut-content.eut-right-sidebar #eut-main-content, #eut-content.eut-left-sidebar #eut-main-content { width: 100%; margin-left: 0; margin-right: 0; float: none; } #eut-content { display: block; page-break-after: always; } #eut-switcher-button, #eut-sidebar, #eut-footer, .eut-back-top, .eut-anchor-menu, #eut-breadcrumbs { display: none; } .eut-column-1-12, .eut-column-5-12, .eut-column-7-12, .eut-column-11-12, .eut-column-1-6, .eut-column-1-5, .eut-column-2-5, .eut-column-3-5, .eut-column-1-4, .eut-column-1-2, .eut-column-1-3, .eut-column-2-3, .eut-column-3-4, .eut-column-4-5, .eut-column-5-6, .eut-column-1 { width: 100%; } #eut-main-content .eut-column-1-12, #eut-main-content .eut-column-5-12, #eut-main-content .eut-column-7-12, #eut-main-content .eut-column-11-12, #eut-main-content .eut-column-1-6, #eut-main-content .eut-column-1-5, #eut-main-content .eut-column-2-5, #eut-main-content .eut-column-3-5, #eut-main-content .eut-column-1-4, #eut-main-content .eut-column-1-2, #eut-main-content .eut-column-1-3, #eut-main-content .eut-column-2-3, #eut-main-content .eut-column-3-4, #eut-main-content .eut-column-4-5, #eut-main-content .eut-column-5-6, #eut-main-content .eut-column-1 { border: none !important; } /* - Print Feature & Page Title ========================================================================= */ .eut-page-title .eut-subheading, #eut-feature-section .eut-subheading, .eut-page-title .eut-title, #eut-feature-section .eut-title, .eut-page-title .eut-description, #eut-feature-section .eut-description { opacity: 1; -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } .eut-page-title .eut-graphic, #eut-feature-section .eut-graphic, .eut-page-title .eut-btn, #eut-feature-section .eut-btn { display: none; } .eut-page-title, .eut-page-title .eut-wrapper, #eut-feature-section, #eut-feature-section .eut-wrapper { max-height: 150px; } .eut-content.eut-align-center-center, .eut-content.eut-align-center-top, .eut-content.eut-align-center-bottom { text-align: left; } .eut-page-title .eut-subheading.eut-text-light, .eut-page-title .eut-title.eut-text-light, .eut-page-title .eut-description.eut-text-light, #eut-feature-section .eut-subheading.eut-text-light, #eut-feature-section .eut-title.eut-text-light, #eut-feature-section .eut-description.eut-text-light { color: #000000; } /* - Print Single Post ========================================================================= */ .eut-navigation-bar, .eut-post-nav, #eut-single-post-meta, #eut-single-post-meta-sticky, #eut-post-bar, #eut-related-post, #eut-comment-form, #eut-comments { display: none; } .eut-smallwidth .eut-container { padding-left: 0; padding-right: 0; } }