@charset "UTF-8"; /*/css/base.min.css*/ .tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;left:0;right:0;bottom:0}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137, 137, 137, .2);--tf_scroll_color_hover:rgba(137, 137, 137, .4);--tf_scroll_w:10px;--tf_scroll_h:10px;scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w);height:var(--tf_scroll_h)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)} /*/css/themify.common.css*/ .edit-button{ font-size:11px; text-transform:uppercase; font-weight:normal; letter-spacing:.1em; text-decoration:none } .edit-button a:hover{ text-decoration:underline } .hook-location-hint{ padding:2px 5px; background:#fbffcd; border:solid 1px #cfd682; color:#666; font-size:11px; line-height:1; margin:2px 0; display:block; clear:both } .wp-video{ width:100%!important; max-width:100%!important; margin-bottom:1em } .wp-video .mejs-container{ width:100% !important; height:auto !important; } .wp-video .mejs-mediaelement{ position:static; } .wp-video .mejs-overlay{ width:100% !important; height:100% !important; } .wp-video video.wp-video-shortcode, .wp-video .wp-video-shortcode video { width:100%; height:auto !important; } .wp-video .mejs-button>button{ border-radius:0; } .wp-video .mejs-button>button:hover{ background-color:transparent } iframe{ border:0 } a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{ outline:1px dotted rgba(150,150,150,.2) } .tf_focus_heavy button:focus, .tf_focus_heavy a:focus, .tf_focus_heavy input:focus, .tf_focus_heavy select:focus, .tf_focus_heavy textarea:focus, .tf_focus_heavy .button:focus{ outline:2px solid rgba(0,176,255,.8) } .tf_focus_none a, .tf_focus_none button:focus, .tf_focus_none a:focus, .tf_focus_none input:focus, .tf_focus_none select:focus, .tf_focus_none textarea:focus, .tf_focus_none .button:focus{ outline:none } .tf_large_font{ font-size:1.1em } .screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus{ background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,.6); clip:auto!important; color:#21759b; display:block; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 } .skip-to-content:focus{ clip-path:none } .post-image .themify_lightbox{ position:relative; display:block; max-width:100% } .post-image .themify_lightbox .zoom{ width:35px; height:35px; background:rgba(0,0,0,.3); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:100% } .post-image .themify_lightbox .zoom .tf_fa{ vertical-align:middle; color:#fff; stroke-width:1px; line-height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) } .post-image .themify_lightbox:hover .zoom{ background:rgba(0,0,0,.6) } @media screen and (max-width:600px){ .admin-bar.fixed-header-on #headerwrap{ top:0!important } .admin-bar.fixed-header #wpadminbar{ position:fixed } .admin-bar.fixed-header-on #wpadminbar{ position:absolute } body:not(.header-none).admin-bar.no-fixed-header #wpadminbar{ margin-top:-46px } } .pswp:not(.pswp--open){display:none} .ptb_map button, .themify_map button{ min-width:auto; border-radius:0 } /*/themify-builder/css/themify-builder-style.css*/ .module_row, .module_subrow, .module_column, .module_row .module{ position:relative; box-sizing:border-box } .module_row .col-full{ width:100% } .themify_builder .direction-rtl{ flex-flow:row-reverse wrap-reverse } /* Hover Animation */ .module-buttons:hover, .module_row:hover, .module_column:hover, .page-loaded .module-image img:hover, .module-accordion i, .module{ transition-delay:0s; transition-timing-function:ease; transition-duration:.5s; transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform } /* fix gutenberg empty p tag bug */ .entry-content > p:first-of-type:empty, .entry-content > p:first-of-type+p:empty{ margin:0; padding:0 } /*GRID*/ .module_row{/* fix Chrome bug */ -webkit-backface-visibility:hidden; backface-visibility:hidden } .module.themify_builder_slider_wrap{ transition:none } div.module_column{ margin-left:3.2%; margin-right:0; float:left; /* top aligned */ align-items:flex-start; align-content:flex-start } .module_column.col6-1{ width:14% } .module_column.col5-1{ width:17.44% } .module_column.col4-1{ width:22.6% } .module_column.col4-2, .module_column.col2-1{ width:48.4% } .module_column.col4-3{ width:74.2% } .module_column.col3-1{ width:31.2% } .module_column.col3-2{ width:65.6% } /*NARROW*/ .gutter-narrow>.module_column{ margin-left:1.6% } .gutter-narrow>.col6-1{ width:15.33% } .gutter-narrow>.col5-1{ width:18.72% } .gutter-narrow>.col4-1{ width:23.8% } .gutter-narrow>.col4-2, .gutter-narrow>.col2-1{ width:49.2% } .gutter-narrow>.col4-3{ width:74.539% } .gutter-narrow>.col3-1{ width:32.266% } .gutter-narrow>.col3-2{ width:66.05% } /*NONE*/ .gutter-none>.module_column{ margin-left:0; margin-right:0 } .gutter-none>.col6-1{ width:16.666% } .gutter-none>.col5-1{ width:20% } .gutter-none>.col4-1{ width:25% } .gutter-none>.col4-2, .gutter-none>.col2-1{ width:50% } .gutter-none>.col4-3{ width:75% } .gutter-none>.col3-1{ width:33.333% } .gutter-none>.col3-2{ width:66.666% } /* first column */ .gutter-narrow>.module_column.first, .module_column.col-full, .module_column.first{ margin-left:0; clear:left } /*CLEARFIX*/ .module:after{ content:""; display:table; clear:both } /*RESETS*/ .ui, .ui>li, .themify_builder ul.loops-wrapper{ margin:0; padding:0; list-style:none } /*SIZES*/ .ui.builder_button.large{ font-size:120%; padding:10px 20px } .ui.builder_button.small{ font-size:70%; padding:5px 10px } .xlarge .ui.builder_button{ padding:.935em 1.875em } /*DEFAULT STYLES*/ .ui{ color:#555 } .ui.transparent{ background:transparent; box-shadow:none; /* for transparent style inherit color */ color:inherit } .ui.builder_button{ text-decoration:none; position:relative; border:solid 1px rgba(0,0,0,.05); display:inline-block; line-height:130%; transition:color .3s linear,background-color .3s linear,padding .3s linear,border .3s linear,box-shadow .3s linear; padding:.625em 1.25em; box-shadow:none } .ui.builder_button:hover{ background:#f1f1f1 } .ui>li.current, .ui>li.current:hover{ background:#666; box-shadow:inset 0 2px 3px rgba(0,0,0,.2) } .ui>li.current>a{ color:#fff } .module_row .ui.builder_button{ text-decoration:none } /*MODULE*/ .module-title{ font-size:1.2em; margin:0 0 1.2em } .module img{ border:none; vertical-align:bottom } /* MediaElement*/ .module_row .wp-video{ width:100%!important; max-width:100%!important } .module_row .mejs__container{ text-align:center!important; max-width:100%; min-height:100%!important } .module-slider{ margin-bottom:2.5em } video[poster]{ object-fit:cover } /*Widget Module*/ .module-widget .widget{ margin:0 } .wp-caption{ max-width:100% } /*Map Module*/ .module-map button{ border-radius:0 } .module-map .gm-style-mtc img{ vertical-align:baseline; margin-right:5px } /*BACKGROUND MODE*/ .themify_builder .repeat{ background-repeat:repeat } .themify_builder .repeat-x{ background-repeat:repeat-x } .themify_builder .repeat-y{ background-repeat:repeat-y } .themify_builder .repeat-none{ background-repeat:no-repeat } .themify_builder .fullcover{ background-size:cover } .themify_builder .best-fit-image{ background-size:contain; background-position:center center; background-repeat:no-repeat } .themify_builder .builder-bg-fixed{ background-attachment:fixed; background-repeat:no-repeat; background-size:cover } /* fullwidth row */ .themify_builder .module_row.fullheight .module_subrow, .sidebar-none .themify_builder .module_row{ width:100% } .module_row.fullwidth>.row_inner{ width:100%; max-width:100% } /*BEST-FIT*/ .best-fit{ background:#000 } .best-fit-vertical{ top:0!important; left:1%!important; right:1%!important; width:auto!important; height:100%!important; margin:auto!important } .best-fit-horizontal{ top:10%!important; left:0!important; bottom:10%!important; width:100%!important; height:auto!important; margin:auto!important } /* iOS doesn't support fixed attachment */ @supports (-webkit-touch-callout: none) { .themify_builder_row { background-attachment: scroll !important; } } /*COLUMN ALIGNMENT*/ /* FLEX BOX */ .row_inner, .module_column, .subrow_inner{ display:flex; flex-flow:wrap } .col_auto_height>.module_column{ height:100% } .col_align_middle.col_auto_height{ align-items:center } .col_align_bottom.col_auto_height:not(.direction-rtl){ align-items:flex-end } /*FULLHEIGHT ROW*/ .module_row.fullheight{ min-height:100vh; display:flex; width:100% } .fullheight>.row_inner>.module_column, .fullheight>.row_inner{ min-height:inherit } /* top aligned */ .col_align_top>.module_column{ align-items:flex-start; align-content:flex-start } /* center aligned */ .col_align_middle>.module_column, .fullheight>.row_inner>.col-full{ align-items:center; align-content:center } /* bottom aligned */ .col_align_bottom>.module_column{ align-items:flex-end; align-content:flex-end } .module-plain-text:after{ display:contents!important } /*MEDIA QUERIES*/ @media (min-width:681px) and (max-width:959px){ .module_column.col6-1{ width:31.2%; margin-top:25px } .gutter-narrow>.module_column.col6-1{ width:32.266% } .direction-rtl:not(.tb_grid_classes)>.col6-1:nth-of-type(3), div:not(.direction-rtl):not(.tb_grid_classes)>.col6-1:nth-of-type(4){ margin-left:0; clear:left } .gutter-none>.module_column.col6-1{ width:33.333% } } @media screen and (max-width:680px){ .themify_map.tf_map_loaded{ width:100%!important; } .ui.builder_button, .ui.nav li a{ padding:.525em 1.15em } .gutter-narrow:not(.tb_grid_classes)>.module_column, .gutter-none:not(.tb_grid_classes)>.module_column, div:not(.tb_grid_classes)>.module_column{ margin-left:0; width:100%; max-width:100%; float:none } .module_row div:not(.tb_grid_classes)>.module_column.col6-1{ width:48.4%; margin-left:3.2% } div.gutter-narrow:not(.tb_grid_classes)>.module_column.col6-1:nth-of-type(2n+1), .direction-rtl:not(.tb_grid_classes)>.col6-1:nth-of-type(2n), div:not(.direction-rtl):not(.tb_grid_classes)>.col6-1:nth-of-type(2n+1){ margin-left:0; clear:left } div.gutter-narrow:not(.tb_grid_classes)>.module_column.col6-1{ width:49.2%; margin-left:1.6% } div.gutter-none:not(.tb_grid_classes)>.module_column.col6-1{ width:50%; margin-left:0 } .fullheight>.row_inner>.module_column:not(.col-full), .fullheight>.row_inner{ min-height:0 } } /*/themify-builder/css/modules/parallax.css*/ .themify_builder .builder-parallax-scrolling{ background-attachment:fixed!important; background-repeat:no-repeat!important; background-position:center; /* don't add !important here so user can change position with builder styling */ transition:background-position 0s!important } @media (hover:hover){ .themify_builder .builder-parallax-scrolling{ background-size:cover } } @media(hover:none){ /* for touch devices */ .themify_builder .builder-parallax-scrolling{ background-attachment:scroll!important } } /*/styles/modules/site-logo.css*/ #site-logo { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 2.2em; line-height: 1em; letter-spacing: .02em; display: inline-block; } #site-logo a, #site-logo a:hover { text-decoration: none; } /*/css/modules/social-links.css*/ .social-widget .widget{ display:inline-block; margin:0 3px 0 0 } .social-widget .widgettitle{ width:auto; font-weight:700; font-size:100%; font-family:inherit; text-transform:none; letter-spacing:0; display:inline-block; vertical-align:middle; margin:0 .5em 0 0; padding:0; background:0; border:0; border-radius:0; box-shadow:none } .social-widget .social-links{ margin:6px 0 0; padding:0; display:inline } .widget .social-links li img{ vertical-align:middle } .widget .social-links{ padding:0; line-height:1em } .social-links .social-link-item{ display:inline-block; margin:0 5px 5px 0; padding:0; list-style:none; border:0 } .social-links.vertical li{ display:block; margin:0 0 5px } .widget .social-links a, .widget .social-links a:hover{ text-decoration:none } .social-links li i{ vertical-align:middle; line-height:1em; width:20px; height:20px; padding:4px; font-size:20px; text-align:center; border-radius:100%; display:inline-block } .social-links .icon-small i{ font-size:8px; width:8px; height:8px } .social-links .icon-large i{ font-size:28px; padding:6px; width:36px; height:36px } .social-links .icon-small img{ max-width:16px; max-height:16px } .social-links .icon-medium img{ max-width:24px; max-height:24px } .social-links .icon-large img{ max-width:32px; max-height:32px } #footer .social-links.horizontal li, #sidebar .social-links.horizontal li{ border:0; display:inline-block } #footer .social-links.vertical, #sidebar .social-links.vertical{ display:block } #footer .social-links.vertical li, #sidebar .social-links.vertical li{ display:block; margin:0 0 .5em } /*/themify-builder/css/modules/cover.css*/ .builder_row_cover{ z-index:0; contain:strict; transform:translateZ(0) } .builder_row_cover:before, .builder_row_cover:after{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:-100; content:''; display:block; transition:opacity .5s ease-in-out,background-color .5s ease-in-out } .builder_row_cover:after{ opacity:0 } .tb_visual_hover>.builder_row_cover:after, .module_row:hover>.builder_row_cover:after, .module_subrow:hover>.builder_row_cover:after, .module_column:hover>.builder_row_cover:after{ opacity:1 } /*/themify-builder/css/modules/text.css*/ .drop-cap>:first-child:first-letter, .tb_text_dropcap>.tb_text_wrap:first-child:first-letter, .tb_text_dropcap>.tb_text_wrap>:first-child:first-letter{ font-size:2.85em; float:left; line-height:.4em; padding:.425em .375em; background-color:#0f70e8; color:#fff; margin-right:.325em; margin-top:.15em; margin-bottom:.25em } .tb-text-more-link-indicator{ display:block; height:3px; margin:5px 0; background:rgba(55,55,55,.6) } /*/themify-builder/css/modules/video.css*/ .module .video-title{ margin:0 0 .3em; font-size:1.3em; padding:0 } .video-wrap{ padding-bottom:56.25%; height:0 } .video-top .video-title{ margin-top:.8em } .video-top .video-caption{ margin-bottom:1em } .module-video img{ width:100% } /* Fix fullscreen vimeo video z-index */ .themify_builder .wow.module-video{ animation-fill-mode:none } /*layout*/ .video-right .video-wrap-outer, .video-left .video-wrap-outer{ width:50%; margin-right:1.5em; margin-bottom:1em; float:left; } .video-right .video-wrap-outer{ float:right; margin-right:0; margin-left:1.5em; } /*/themify-builder/css/modules/video_styles/overlay.css*/ .module-video.video-overlay{ position:relative; font-size:.85em } .module.video-overlay .video-wrap-outer{ margin:0; width:100% } .module.video-overlay .video-content{ padding:2% 4%; background:rgba(0,0,0,.7); color:#ccc; line-height:1.4em } .module.video-overlay .video-wrap-outer + .video-content{ position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; transition:background-color .3s ease-in-out,color .3s ease-in-out } .module.video-overlay .video-title{ font-size:1.1em; margin:0 0 .4em } .module-video.video-overlay p{ margin:0 0 .4em } .module-video.video-overlay a, .module-video.video-overlay a:hover{ color:#fff; text-decoration:none } .module-video.video-overlay h1, .module-video.video-overlay h2, .module-video.video-overlay h3, .module-video.video-overlay h4, .module-video.video-overlay h5, .module-video.video-overlay h6{ color:#fff; margin:0 0 .4em } .module-video.video-overlay .module-title{ color:inherit } /*/themify-builder/css/modules/gallery.css*/ .module-gallery .gallery-icon, .module-gallery .gallery-item img{ margin:0; padding:0; } .layout-showcase .gallery-icon { display:inline-block; } /* rounded */ .module-gallery.rounded .gallery-icon{ max-width:100%; /* for FF */ } .module-gallery.rounded img{ border-radius:8px } /* border */ .module-gallery.bordered img{ border:solid 1px rgba(0,0,0,.2); padding:3px } /* drop shadow */ .module-gallery.drop-shadow img{ box-shadow:0 1px 8px 0 rgba(0,0,0,.1) } /* circle */ .module.module-gallery.circle img{ overflow:hidden; text-align:center; border-radius:50em } .module_column .module.module-gallery.circle .gallery-caption{ text-align:center } .builder_gallery_load{ cursor:wait; opacity:.5; position:relative; } .module.gallery .gallery-caption{ margin:.5em 0; font-size:.95em } /*/themify-builder/css/modules/appearance/rounded.css*/ /* top left corner */ .ui.rounded, .ui.builder_button.rounded:before, .ui.nav.rounded>li:first-child, .ui.nav.separate.rounded>li, .ui.nav.separate.rounded>li a:before, .ui.nav.rounded ul, .ui.nav.rounded ul>li:first-child, .ui.nav.rounded>li:first-child a, .ui.nav.rounded>li:first-child a:before, .ui.nav.rounded ul>li:first-child a:before, .ui.module-tab.rounded.vertical .tab-nav, .ui.module-tab.rounded.vertical .tab-nav li:first-child, .ui.module-tab.rounded .tab-nav li, .ui.module-accordion.rounded li:first-child, .ui.module-accordion.rounded>li:first-child .accordion-title, .ui.module-accordion.rounded>li:first-child .accordion-title a:before, .ui.module-accordion.rounded.separate .accordion-title a:before, .ui.module-callout.rounded, .ui.module-callout.rounded:before, .ui.nav.rounded>li:first-child:before, .ui.nav.fullwidth.rounded:before, .ui.glossy.rounded .tab-nav>li a:before, .ui.nav.rounded.separate.vertical li:last-child:before, .ui.nav.rounded.vertical.separate>li:last-child a:before, .ui.module-tab.panel.rounded .tab-nav, .ui.module-tab.panel .tab-nav:before{ border-top-left-radius:8px } /* top right corner */ .ui.rounded, .ui.builder_button.rounded:before, .ui.nav.rounded.vertical li:first-child, .ui.nav.rounded>li:last-child, .ui.nav.separate.rounded>li, .ui.nav.separate.rounded>li a:before, .ui.nav.rounded ul, .ui.nav.rounded ul>li:first-child, .ui.nav.rounded>li:last-child a:before, .ui.nav.rounded ul>li:first-child a:before, .ui.nav.rounded li:last-child a, .ui.module-tab.rounded .tab-nav li, .ui.module-accordion.rounded li:first-child, .ui.module-accordion.rounded>li:first-child .accordion-title, .ui.module-accordion.rounded>li:first-child .accordion-title a:before, .ui.module-accordion.separate.rounded .accordion-title a:before, .ui.module-callout.rounded, .ui.module-callout.rounded:before, .ui.nav.rounded>li:last-child:before, .ui.nav.rounded.vertical>li:first-child:before, .ui.nav.fullwidth.rounded:before, .ui.glossy.rounded .tab-nav>li a:before, .ui.nav.separate.rounded.vertical li:last-child:before, .ui.nav.rounded li:last-child:before, .ui.nav.rounded.vertical li:first-child a:before, .ui.nav.separate.rounded.vertical>li:last-child a:before, .ui.module-tab.panel.rounded .tab-nav, .ui.module-tab.panel .tab-nav:before{ border-top-right-radius:8px } /* bottom right corner */ .ui.rounded, .ui.nav.rounded>li:last-child, .ui.nav.separate.rounded>li, .ui.nav.rounded ul, .ui.nav.rounded ul>li:last-child, .ui.nav.rounded li:last-child a, .ui.module-accordion.rounded li:last-child, .ui.module-accordion.rounded>li:last-child .accordion-title, .ui.module-accordion.separate.rounded li.current .accordion-content, .ui.module-accordion.rounded li:last-child .accordion-content, .ui.module-callout.rounded{ border-bottom-right-radius:8px } /* bottom left corner */ .ui.rounded, .ui.nav.rounded.vertical li:last-child, .ui.nav.rounded>li:first-child, .ui.nav.rounded.separate>li, .ui.nav.rounded ul, .ui.nav.rounded ul>li:last-child, .ui.nav.rounded>li:first-child a, .ui.module-tab.rounded.vertical .tab-nav, .ui.module-tab.rounded.vertical .tab-nav li:last-child, .ui.module-accordion.rounded li:last-child, .ui.module-accordion.rounded>li:last-child .accordion-title, .ui.module-accordion.separate.rounded li.current .accordion-content, .ui.module-accordion.rounded li:last-child .accordion-content, .ui.module-callout.rounded{ border-bottom-left-radius:8px } /* no top-left corner */ .ui.nav.separate.vertical ul li:not(:first-child) a:before, .ui.tab.vertical .tab-nav li:not(:first-child) a:before, .ui.module-tab.panel.rounded .tab-content, .ui.module-tab.vertical li:last-child a:before{ border-top-left-radius:0; } /* no top-right corner */ .ui.nav.separate.vertical ul li:not(:first-child) a:before, .ui.tab.vertical .tab-nav li:not(:first-child) a:before, .ui.nav.fullwidth.rounded li:last-child a, .ui.nav.fullwidth.rounded li:last-child, .ui.nav.rounded.vertical li:last-child, .ui.module-tab.panel.rounded .tab-content, .ui.module-tab.vertical li:first-child a:before, .ui.module-tab.vertical li:last-child a:before{ border-top-right-radius:0 } /* no bottom-left corner */ .ui.nav.rounded.vertical>li:first-child, .ui.nav.rounded.vertical>li:first-child a, .ui.module-accordion.rounded>li:last-child.current .accordion-title, .ui.module-accordion.separate.rounded li.current .accordion-title{ border-bottom-left-radius:0; } /* no bottom-right */ .ui.nav.rounded.vertical>li:first-child, .ui.nav.rounded.vertical>li:first-child a, .ui.nav.fullwidth.rounded li:last-child a, .ui.nav.fullwidth.rounded li:last-child, .ui.module-accordion.rounded>li:last-child.current .accordion-title, .ui.module-accordion.separate.rounded li.current .accordion-title{ border-bottom-right-radius:0 } /* all border-radius */ .ui.nav.rounded.vertical.separate>li:first-child, .ui.nav.rounded.vertical.separate>li:first-child a, .ui.nav.rounded.vertical.separate>li:last-child, .ui.nav.rounded.vertical.separate>li:last-child a, .ui.module-accordion.separate.rounded li, .ui.module-accordion.separate.rounded .accordion-title, .ui.module-tab.rounded .tab-content{ border-radius:8px } /* no border-radius all */ .ui.nav.rounded.vertical>li:last-child:before, .ui.module-tab.rounded.vertical .tab-nav li, .ui.nav.rounded.vertical>li:last-child a:before{ border-radius:0 } /*/style.css*/ /* Theme Name: Themify Simple Theme URI: https://themify.me/themes/simple Version: 5.2.6 Description: Created by Themify. Author: Themify Author URI: http://www.themify.me License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: (c) Themify. Tags: themify, featured-images, translation-ready, custom-menu, sidebar Text Domain: themify --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */ /*---------------------------------------------------------------------------------- TABLE OF CONTENT 1. Reset 2. General Styling (default font, color, lists, headings, form elements, etc.) 3. Structure (page width & layout containers) 4. Grid (column width) 5. Header (logo, tagline, social widget, search form, main menu) 6. Page (page title, author page, pagination) 7. Post (post layouts & styling, comments, post navigation) 7.1 Portfolio Post Type 7.2 Team Post Type 8. Sidebar 8.1 Widget Styles 9. Footer 10. Builder Styling 11. WordPress Formatting 12. Gallery 13. Clear & Alignment 14. Image Filter 15. WooCommerce ----*/ /************************************************************************************ 1. RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, iframe, object, embed { max-width: 100%; } /************************************************************************************ 2. GENERAL STYLING *************************************************************************************/ @font-face { font-family: 'themify_theme_icon'; font-display:swap; src: url('data:application/octet-stream;base64,d09GRgABAAAAAAxQAA8AAAAAFTAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY+IFHNY21hcAAAAdgAAABeAAABlOJ1VUBjdnQgAAACOAAAABMAAAAgBtX/BGZwZ20AAAJMAAAFkAAAC3CKkZBZZ2FzcAAAB9wAAAAIAAAACAAAABBnbHlmAAAH5AAAAZMAAAGuK4EFpmhlYWQAAAl4AAAAMgAAADYU7FpKaGhlYQAACawAAAAfAAAAJAc8A1VobXR4AAAJzAAAABAAAAAQDoH//2xvY2EAAAncAAAACgAAAAoA7wBmbWF4cAAACegAAAAgAAAAIADQC8puYW1lAAAKCAAAAZkAAANF4g1j03Bvc3QAAAukAAAAMAAAAEGz/h9OcHJlcAAAC9QAAAB6AAAAhuVBK7x4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgZF7AOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGBxeMHyYxxz0P4shijmIYRpQmBEkBwD/YAxzAHic7ZDBDYAwDAMvTUEIMQrixTS8mIz5+mSD4rQdA0sXK46Uh4EJcLGLDHZjhC6l1nJnbXnm0D7LjVTsfWqFQnfJdFuap/hoM7+2Ns+xefTViW7LQH2pxQ7+ARu5Ed4AAHicY2BAAxIQyBz0PwuEARJsA90AeJytVml300YUHXlJnIQsJQstamHExGmwRiZswYAJQbJjIF2crZWgixQ76b7xid/gX/Nk2nPoN35a7xsvJJC053Cak6N3583VzNtlElqS2AvrkZSbL8XU1iaN7DwJ6YZNy1F8KDt7IWWKyd8FURCtltq3HYdERCJQta6wRBD7HlmaZHzoUUbLtqRXTcotPekuW+NBvVXffho6yrE7oaRmM3RoPbIlVRhVokimPVLSpmWo+itJK7y/wsxXzVDCiE4iabwZxtBI3htntMpoNbbjKIpsstwoUiSa4UEUeZTVEufkigkMygfNkPLKpxHlw/yIrNijnFawS7bT/L4vead3OT+xX29RtuRAH8iO7ODsdCVfhFtbYdy0k+0oVBF213dCbNnsVP9mj/KaRgO3KzK90IxgqXyFECs/ocz+IVktnE/5kkejWrKRE0HrZU7sSz6B1uOIKXHNGFnQ3dEJEdT9kjMM9pg+Hvzx3imWCxMCeBzLekclnAgTKWFzNEnaMHJgJWWLKqn1rpg45XVaxFvCfu3a0ZfOaONQd2I8Ww8dWzlRyfFoUqeZTJ3aSc2jKQ2ilHQmeMyvAyg/oklebWM1iZVH0zhmxoREIgIt3EtTQSw7saQpBM2jGb25G6a5di1apMkD9dyj9/TmVri501PaDvSzRn9Wp2I62AvT6WnkL/Fp2uUiRen66Rl+TOJB1gIykS02w5SDB2/9DtLL15YchdcG2O7t8yuofdZE8KQB+xvQHk/VKQlMhZhViFZAYq1rWZbJ1awWqcjUd0OaVr6s0wSKchwXx76Mcf1fMzOWmBK+34nTsyMuPXPtSwjTHHybdT2a16nFcgFxZnlOp1mW7+s0x/IDneZZntfpCEtbp6MsP9RpgeVHOh1jeUELmnTfwZCLMOQCDpAwhKUDQ1hegiEsFQxhuQhDWBZhCMslGMLyYxjCchmGsLysZdXUU0nj2plYBmxCYGKOHrnMReVqKrlUQrtoVGpDnhJulVQUz6p/ZaBePPKGObAWSJfIml8xzpWPRuX41hUtbxo7V8Cx6m8fjvY58VLWi4U/Bf/V1lQlvWLNw5Or8BuGnmwnqjapeHRNl89VPbr+X1RUWAv0G0iFWCjKsmxwZyKEjzqdhmqglUPMbMw8tOt1y5qfw/03MUIWUP34NxQaC9yDTllJWe3grNXX27LcO4NyOBMsSTE38/pW+CIjs9J+kVnKno98HnAFjEpl2GoDrRW82ScxD5neJM8EcVtRNkja2M4EiQ0c84B5850EJmHqqg3kTuGGDfgFYW7BeSdconqjLIfuRezzKKT8W6fiRPaoaIzAs9kbYa/vQspvcQwkNPmlfgxUFaGpGDUV0DRSbqgGX8bZum1Cxg70Iyp2w7Ks4sPHFveVkm0ZhHykiNWjo5/WXqJOqtx+ZhSX752+BcEgNTF/e990cZDKu1rJMkdtA1O3GpVT15pD41WH6uZR9b3j7BM5a5puuiceel/TqtvBxVwssPZtDtJSJhfU9WGFDaLLxaVQ6mU0Se+4BxgWGNDvUIqN/6v62HyeK1WF0XEk307Ut9HnYAz8D9h/R/UD0Pdj6HINLs/3mhOfbvThbJmuohfrp+g3MGutuVm6BtzQdAPiIUetjrjKDXynBnF6pLkc6SHgY90V4gHAJoDF4BPdtYzmUwCj+Yw5PsDnzGHQZA6DLeYw2GbOGsAOcxjsMofBHnMYfMGcdYAvmcMgZA6DiDkMnjAnAHjKHAZfMYfB18xh8A1z7gN8yxwGMXMYJMxhsK/p1jDMLV7QXaC2QVWgA1NPWNzD4lBTZcj+jheG/b1BzP7BIKb+qOn2kPoTLwz1Z4OY+otBTP1V050h9TdeGOrvBjH1D4OY+ky/GMtlBr+MfJcKB5RdbD7n74n3D9vFQLkAAQAB//8AD3icLY9NSxtRFIbPe+/cmSQmk3Ry5waxxprgV0ZTaEPS+jEEQaQYIQsXVrKQMrRFbBcuRBBaabcllBSCuBAr+QcFtwGXLkQ3Rfo7unEz8UY9vKvnvAeeQyA9/JwFJMj8I4AZb8yKYgL8vBA2wkYBl+0pdMLGFC77Vdbr9bb4b56gCI2SV50cAcgGB1smgwgGbRKIM/BNYizB3mTyMu0IMeihVIQplQ9IM/ccZj5XZL6RZRlpZRT73rpq6SA7PSu7wX699bHK5rebneb2PJa6Lr59aLH2xaH5IzwaLrjdJX/r52nz86yx+L69uh903fs3iHq3PM0HtNszek3l6svJKCNgmbiA4PhEJgluir4iYU1vaN1gukG1snr1tJR2LDHkVbTfeKn8QgllesiNTxShs4BSpTyHLH+klSJ/oBoqQzl//Q1fB1nIJyu2RPzswHbi0SR/e/q1hjG4qbqtYAXH/3Zt6SbxC7HrvWCmf+PvJDOOfXAWh7RXUrGYVfvS2Ugqmdi7OXkX0bCekpHd6/D/HaTnVBgAeJxjYGRgYADiQtYncvH8Nl8ZuJlfAEUYbnzmLofR////z2J+wcwL5HIwMIFEAV0xDRYAAHicY2BkYGAO+p8FJF/8////H/MLBqAICmABALaJB5YAA+gAAAPoAAADoP//AxEAAAAAAAAAGABmANcAAAABAAAABAA6AAMAAAAAAAIADgAeAHMAAABHC3AAAAAAeJyNkM1Kw0AUhU9qVbTgQsH1LEQUIf0BEV0phXbnwkU3LmqMk2RKOlMmUyELH0F8Fre+gCtfwRfwJTxJBxGL0ITJfPfccydzL4BdfCLA4jnlWnBA/dRzA5sYel6jfu25Sb7zvI4WrOcN6k+et3GCF88t7OGNJwTNLUYTfHgOcBCceW5gJ7j1vEZdeW6Snz2vYz949bxB/d3zNkbBl+cWDhtXfTMrrUozJ476x6LX6Z6L+1IYSkpHuYjmLjO2EJciMdrJPDdhbKYuk1OVlONql2MVG30j03ke2eXEsjKStlBGi27YWU4OpZY2cvKhukXxmPacS0RizVQM/P/FzJqJjF2YOTe7aLd/3wt9GMxQcswKKTI4CBxRPebeQwddnJPu6RB0LlwKGhFyKhHmrMjqTMH4kithpKlKOnJyiJjfae2T3BUdJcY/sSSr2qNxwyjlmTlPtitVrOIZMarup+pIsKeQna1SOWSk6+qo7ujhZxYFHnnTHlXH+qprW3cpMPjTv+B8q9yESkw9rKfsqF6gzfefeX0Dbw+nugAAAHicY2BigAAuBuyAhZGJkZmRhZGVgSMxLz0nVbe0gK04NbEoOYO5qLiYgQEAWYEHG3icY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZWJ02MTAyaIEYm7mYGDkgLD4GMIvNaRfTAaA0J5DN7rSLwQHCZmZw2ajC2BEYscGhI2Ijc4rLRjUQbxdHAwMji0NHckgESEkkEGzmYWLk0drB+L91A0vvRiYGFwAMdiP0AAA=') format('woff'); } body { font: 1.05em/1.8em 'Open Sans', Arial, Helvetica, sans-serif; overflow-wrap:break-word; color: #656565; /*color: transparent;*/ -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } a { text-decoration: none; outline: none; color: #03c6ad; } a:hover { text-decoration: none; } p { padding: 0; margin: 0 0 1.75em; } small { font-size: 87%; } blockquote { font-size: 1.2em; line-height: 1.4em; padding: .8em 2em 1em; margin: 0 0 1.2em; position: relative; } blockquote:before { content: '\201C'; font-size: 3.3em; position: absolute; margin-left: -.5em; margin-top: .2em; } ins { text-decoration: none; } /* LIST ================================================ */ ul, ol { margin: 0 0 1.4em 1.6em; padding: 0; } li { margin: 0 0 1em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-top: 1em; } /* HEADINGS ================================================ */ h1, h2, h3, h4, h5, h6 { font-family: 'Poppins'; line-height: 1.4em; margin: 0 0 .4em; overflow-wrap: normal; font-weight: 600; color: #000; } h1 { font-size: 2.4em; letter-spacing: -.05em; } h2 { font-size: 2em; letter-spacing: -.03em; } h3 { font-size: 1.8em; } h4 { font-size: 1.6em; } h5 { font-size: 1.3em; } h6 { font-size: 1.1em; } /* FORM ================================================ */ /* form input */ input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; max-width: 100%; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { background-color: transparent; border: none; border-bottom: 1px solid #c8c8c8; font-size: 0.975em; letter-spacing: 0.01em; padding: 0.15em 0.1em 0.9em; margin: .2em 0 0; max-width: 100%; -webkit-appearance: none; box-sizing: border-box; transition: all 0.7s ease; width: 15em; } input[type=number] { width: 7em; } /* text area */ textarea { width: 100%; min-height: 8em; border: 1px solid #c8c8c8; padding: 0.6em 0.8em; height: 206px; margin-top: 0.75em; } /* form input:focus */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus { outline: none; } /* form button */ input[type=reset], input[type=submit], button { background-color: #03c6ad; border-radius: 5em; border: none; color: #fff; cursor: pointer; font-family: 'Poppins'; font-size: 0.95em; font-weight: 600; padding: 0.95em 1.75em 0.75em 1.9em; text-transform: uppercase; letter-spacing: -0.01em; margin-top: 0.3em; transition: all 0.7s ease; -webkit-appearance: none; } /* form input:hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color: #000; color: #fff; } label { font-family: 'Poppins'; font-size: 0.95em; font-weight: 600; text-transform: uppercase; } label small { font-weight: normal; text-transform: none; } /************************************************************************************ 3. STRUCTURE *************************************************************************************/ /* set general layout containers box-sizing */ img, textarea, input, #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, #sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { box-sizing: border-box; } /* main page width */ .pagewidth, .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner { width: 1160px; max-width: 100%; margin: 0 auto; } /* body (middle container) */ #body { max-width: 100%; clear: both; } /* admin-bar */ .admin-bar #headerwrap, .admin-bar #headerwrap.fixed-header { top: 32px; } /* content */ #content { width: 68%; float: left; padding: 5% 0; } .sidebar-none #content { width: 100%; float: none; } /* sidebar */ #sidebar { width: 26.5%; float: right; padding: 5% 0; font-size: 0.9em; } #sidebar .secondary { width: 47%; } /* full_width content */ .full_width #layout { width: 100%; max-width: 100%; } .full_width #content { padding: 0; width: auto; max-width: 100%; float: none; } .full_width #sidebar { width: auto; float: none; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /************************************************************************************ 4. GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ 5. HEADER *************************************************************************************/ #headerwrap { background-color: #fff; position: absolute; width: 100%; left: 0; top: 0; z-index: 100; } #header { position: relative; padding: 2.25em 30px 2.04em; width: auto; } .social-wrap { position:absolute; top: 50%; right: 30px; transform: translateY(-50%); } #logo-wrap { text-align: center; } /* SOCIAL WIDGET ================================================ */ #header .social-widget { display: inline; vertical-align: middle; margin-right: 57px; margin-top: 0; } .social-widget a { text-decoration: none; padding: 0 0.15em; color: inherit; } .social-widget a:hover { text-decoration: none; color: #03c6ad; } .social-widget .widget { display: inline; vertical-align: middle; margin: 0 2px 0 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { width: auto; font-weight: bold; font-size: 100%; font-family: inherit; text-transform: none; letter-spacing: 0; position: static; display: inline-block; vertical-align: middle; margin: 0 .5em 0 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; display: none; } .social-widget ul { margin: 6px 0 0 !important; padding: 0; display: inline; } .social-widget .social-links.horizontal li { padding: 0 2px 5px 0; margin: 0; display: inline; border: none !important; clear: none; line-height: 100%; } .social-widget li img { vertical-align: middle; margin-top: -3px; } /* rss */ .social-widget div.rss { display: inline; vertical-align: middle; margin-left: 3px; } .social-widget div.rss a { display: inline; } .social-widget .rss a:before { content: "\f09e"; font-family: 'themify_theme_icon'; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 23px; } .lang-item { display: inline; } /* SEARCH FORM ================================================ */ #searchform-wrap { position: relative; } #headerwrap #searchform { display: inline-block; vertical-align: middle; position: absolute; right: 0; top: 0; } #headerwrap #searchform #s { background-color: transparent; border: 2px solid; border-radius: 5em; color: inherit; margin: 0; padding: 4px 15px; width: 30px; transition: all .8s ease; } #headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s { width: 170px; color: #000; background-color: rgba(255,255,255,0.9); padding-right: 30px; } #headerwrap #searchform .icon-search:before { content: "\e801"; font-family: 'themify_theme_icon'; font-style: normal; position: absolute; right: 9px; top: 0.1em; z-index: 1; } /* MAIN NAVIGATION ================================================ */ #main-nav { margin: 0; padding: 0; float: left; font-family: 'Poppins', sans-serif; font-weight: 500; position: absolute; left: 30px; top: 50%; z-index: 1; width: 100%; max-width: 40%; transform: translateY(-50%); padding-top: 2em; } #main-nav li { margin: 0 0.3em 0 0; padding: 0; list-style: none; position: relative; display: inline-block; } /* dropdown icon */ #main-nav ul .menu-item-has-children > a:after { content: "\e649"; font-family: themify; font-size: 0.6em; position: absolute; right: 15px; top: 1.8em; } /* main level link */ #main-nav a { color: inherit; display: block; padding: 0.2em 0 0.2em 0.75em; margin: 0; text-decoration: none; text-transform: uppercase; padding-bottom: 2.15em; } #main-nav > li:first-child > a { padding-left: 0; } /* main level link :hover & current link */ #main-nav a:hover, #main-nav .current_page_item > a, #main-nav .current-menu-item > a { color: #03c6ad; } /* sub-levels link */ #main-nav ul a { color: #333; border-bottom: 1px solid #ddd; display: block; font-size: .95em; font-weight: normal; line-height: 1.5em; letter-spacing: .055em; text-transform: none; padding: 1.1em 1.4em 1.2em; margin: 0; width: 230px; box-sizing: border-box; } /* sub-levels link :hover */ #main-nav ul a:hover { color: #000 } #main-nav ul a:hover, #main-nav ul .current_page_item > a, #main-nav ul .current-menu-item > a { background-color: #e7f2f1; color: #000; } #main-nav ul li:last-child > a { border: none; } /* dropdown ul */ #main-nav ul { margin: 0; padding: 0; list-style: none; background-color: #fff; border: 1px solid #03c6ad; position: absolute; z-index: 100; display: none; top: 100%; left: -20px; } #main-nav ul li { background: none; padding: 0; margin: 0; float: none; } /* sub-levels dropdown */ #main-nav ul ul { left: 100%; top: -1px; margin-left: 0; } /* show dropdown ul */ #main-nav li:hover > ul { display: block; } /* Arrow on left side for sub level menu */ #main-nav ul:after { content: ''; border: 10px solid transparent; border-bottom-color: #03c6ad; height: 0; width: 0; bottom: 100%; position: absolute; pointer-events: none; left: 30px; top: 0; margin: -20px 0 0; } /* Arrow on left side for sub sub level menu */ #main-nav ul ul:after { left: -20px; top: 50%; border-right-color: #03c6ad; border-bottom-color: transparent; margin-top: -10px; } /* mobile menu icon */ #menu-icon, #menu-icon-close { display: none; } .menu-icon-inner { box-sizing: border-box; display: inline-block; position: relative; width: 1.7em; height: 1.3em; overflow: hidden; vertical-align: middle; } .menu-icon-inner:before, .menu-icon-inner:after { content: ''; display: block; position: absolute; left: 0; width: 100%; transition: all .7s ease; transition-property: transform; } .menu-icon-inner:before { top: 0; } .menu-icon-inner:after { top: 50%; } .menu-icon-inner, .menu-icon-inner:before, .menu-icon-inner:after { border-bottom: 5px solid; } body.mobile-menu-visible { position: relative; overflow-y: hidden; overflow-x: hidden; } .body-overlay { display: none; background-color: rgba(255,255,255,.7); width: 100%; height: 100%; position: fixed; right: 300px; top: 0; z-index: 1000; box-shadow: inset -1px 0 13px rgba(0,0,0,.13) } .body-overlay.body-overlay-on { display: block; /* fix for Windows phone */ } /* Edge Menu */ #main-nav .edge > ul { left: auto; right: 0; } #main-nav ul .edge > ul { left: auto; right: 100%; } /* Transparent Header */ .transparent-header #headerwrap { background-color: transparent; color: #fff; } .transparent-header #headerwrap #searchform #s { border-color: #fff; } .transparent-header #headerwrap #searchform:hover .icon-search:before { color: #000; } .transparent-header.themify_builder_active #headerwrap { position: static !important; color: inherit; } .transparent-header.themify_builder_active #headerwrap a { color: inherit; } .transparent-header #headerwrap > a:hover, .transparent-header #main-nav > a:hover { color: rgba(255,255,255,0.6); } .transparent-header #headerwrap #site-logo a, .transparent-header #main-nav .current_page_item a, .transparent-header #main-nav .current-menu-item a { color: #fff; } /* Transparent Header - Fixed Header */ .transparent-header #headerwrap.fixed-header { color: #000; } .transparent-header #headerwrap.fixed-header #searchform #s { border-color: #000; } .transparent-header #headerwrap.fixed-header a:hover, .transparent-header #headerwrap.fixed-header #main-nav a:hover { color: rgba(0,0,0,0.6); } .transparent-header #headerwrap.fixed-header #site-logo a, .transparent-header #headerwrap.fixed-header #main-nav .current_page_item a, .transparent-header #headerwrap.fixed-header #main-nav .current-menu-item a { color: #000; } /* Fixed Header */ #headerwrap.fixed-header { position: fixed; background-color: rgba(255, 255, 255, .9); border-bottom: 1px solid rgba(0,0,0,0.1); transition: all 0.2s ease; } .fixed-header-enabled #headerwrap{ position:sticky; position:-webkit-sticky; /*for safari*/ } .transparent-header #headerwrap{ position:fixed } #headerwrap.fixed-header #header { padding-top: 1em; padding-bottom: 1em; transition: all 0.3s ease; } #headerwrap.fixed-header #main-nav { padding-top: 1em; } #headerwrap.fixed-header #main-nav a { padding-bottom: 1.3em; } /* prevent transparent header overlap builder */ .themify_builder_active.fixed-header-enabled #headerwrap { color: inherit; } .transparent-header.themify_builder_active #headerwrap { position: static !important; color: inherit; } .transparent-header.themify_builder_active #headerwrap a { color: inherit; } /************************************************************************************ 6. PAGE *************************************************************************************/ /* page category wrapper */ .page-category-title-wrap { /*background-color: #1cccb5;*/ background-color: transparent padding: 6.5% 5%; text-align: center; position: relative; color: #fff; } .page-category-title-wrap .page-title { font-family: 'Poppins'; font-weight: 600; font-size: 4.2em; color: #fff; margin: 0.15em 0 0.1em; letter-spacing: -0.06em; text-transform: uppercase; position: relative; /**/ z-index: 3; } .transparent-header .page-category-title-wrap { padding-top: 16%; } .page-category-title-wrap a { color: #fff; } .page-category-title-wrap .category-description { font-size: 1.2em; margin: 0 0 1.35em; letter-spacing: 0.005em; position: relative; z-index: 3; } .category-title-overlay { background-color: #1cccb5; opacity: 0.7; position: absolute; width: 100%; height: 10%; left: 0; top: 0; z-index: 1; } /* page category: author page */ .page-category-title-wrap .author-avatar { border-radius: 100%; } /* AUTHOR PAGE ================================================ */ .author-bio { margin: 0 0 2em; } .author-bio .author-avatar { float: left; margin: 0 15px 0 0; } .author-bio .author-avatar img { background-color: #fff; padding: 5px; border: solid 1px #ccc; } .author-bio .author-name { margin: 0 0 .5em; padding: 0; font-size: 1.6em; } .author-posts-by { margin: 0 0 1.5em; padding: 1em 0 0; font-size: 1.4em; text-transform: uppercase; border-top: solid 4px #ccc; border-color: rgba(118,118,118,.3); } /************************************************************************************ 7. POST *************************************************************************************/ .post { margin-bottom: 2.7em; } /* post content */ .post-content { min-width: 120px; } /* post title */ .post-title { font: bold 2.7em/1.1em 'Poppins'; margin: 0 0 0.7em; padding: 0; } .post-title a { text-decoration: none; color: inherit; } .post-title a:hover { color: #03c6ad; } /* post image */ .post-image { margin: 0 0 1.95em; } .post-image img { width: 100%; vertical-align: bottom; } .post-image.left { float: left; margin-right: 1em; } .post-image.right { float: right; margin-left: 1em; } /* post meta */ .post-meta { font-size: .8em; font-weight: 600; line-height: 1.6em; margin: 0 0 2.5em; padding: 0; text-transform: uppercase; border-bottom: 1px solid #ddd; } .post-meta a { text-decoration: none; } /* post author cattag wrapper */ .post-author-wrapper, .post-cattag-wrapper { display: inline-block; vertical-align: top; padding-left: 2.25em; } .post-author-wrapper { border-right: 1px solid #ddd; padding-left: 0; padding-right: 2.25em; min-height: 65px; } .post-author-inner-wrapper { display: inline-block; } /* author avatar */ .post-meta .author-avatar img { border-radius: 100%; margin: 0 1.3em 1em 0; display: inline-block; vertical-align: top; } /* post author */ .post-author { display: inline-block; margin: 0.5em 0 0.65em; letter-spacing: 0.085em; } /* post date */ .post-date { display: block; margin: 0 0 1.35em; font-family: 'Poppins'; font-size: 1.35em; font-weight: 300; text-transform: none; letter-spacing: 0.03em; } .post-date span { margin-right: 0; } .post-meta .author-avatar + .post-author + .post-date { overflow: hidden; } /* post category */ .post-category { display: block; margin: 0.5em 0 0.35em; font-size: 1.3em; font-family: 'Poppins'; letter-spacing: 0.045em; } /* post tag */ .post-tag { font-family: 'Poppins'; font-weight: normal; font-size: 1.1em; text-transform: none; letter-spacing: 0.03em; } .post-tag a { color: inherit; } /* post comment */ .post-meta .post-comment { font-family: 'Poppins'; font-size: 1.55em; float: right; margin: 0.35em 0 0; display: inline-block; border: 1px solid #ddd; padding: 0.55em 0.95em 0.3em; position: relative; margin-bottom: 16px; } .post-meta .post-comment:before, .post-meta .post-comment:after { content: ''; display: block; border: 8px solid transparent; position: absolute; top: 99%; left: 50%; transform: translateX(-50%); } .post-meta .post-comment:before { border-top-color: #ddd; margin-top: 1px; } .post-meta .post-comment:after { border-top-color: #fff; } /* read more */ .more-link { background-color: #03c6ad; border-radius: 5em; color: #fff; font-family: 'Poppins'; font-size: 0.75em; font-weight: 600; padding: 0.9em 1.95em 0.65em 1.9em; text-transform: uppercase; text-decoration: none; letter-spacing: -0.03em; transition: all 0.7s ease; } .more-link:hover { background-color: #000; color: #fff; } /* COMMON GRID STYLE ================================================ */ .loops-wrapper.grid4 .post, .loops-wrapper.grid3 .post { font-size: 0.9rem; line-height: 1.7em; } .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta, .loops-wrapper.grid2-thumb .post-meta, .loops-wrapper.list-thumb-image .post-meta, .loops-wrapper.list-large-image .post-meta { margin: 0 0 1.9em; position: relative; } .loops-wrapper.grid4 .post-author-wrapper, .loops-wrapper.grid4 .post-cattag-wrapper, .loops-wrapper.grid3 .post-author-wrapper, .loops-wrapper.grid3 .post-cattag-wrapper, .loops-wrapper.grid2 .post-author-wrapper, .loops-wrapper.grid2 .post-cattag-wrapper, .loops-wrapper.grid2-thumb .post-author-wrapper, .loops-wrapper.grid2-thumb .post-cattag-wrapper, .loops-wrapper.list-thumb-image .post-author-wrapper, .loops-wrapper.list-thumb-image .post-cattag-wrapper, .loops-wrapper.list-large-image .post-author-wrapper, .loops-wrapper.list-large-image .post-cattag-wrapper { padding: 0.5em 0 0.6em; overflow: hidden; } .loops-wrapper.grid4 .post-author-wrapper .post-date , .loops-wrapper.grid4 .post-cattag-wrapper .post-date , .loops-wrapper.grid3 .post-author-wrapper .post-date , .loops-wrapper.grid3 .post-cattag-wrapper .post-date , .loops-wrapper.grid2 .post-author-wrapper .post-date , .loops-wrapper.grid2 .post-cattag-wrapper .post-date , .loops-wrapper.grid2-thumb .post-author-wrapper.post-date , .loops-wrapper.grid2-thumb .post-cattag-wrapper.post-date , .loops-wrapper.list-thumb-image .post-author-wrapper.post-date , .loops-wrapper.list-thumb-image .post-cattag-wrapper.post-date , .loops-wrapper.list-large-image .post-author-wrapper.post-date , .loops-wrapper.list-large-image .post-cattag-wrapper .post-date { margin: 0 0 .3em; font-size: 1em; } .loops-wrapper.grid4 .post-author-wrapper, .loops-wrapper.grid3 .post-author-wrapper, .loops-wrapper.grid2 .post-author-wrapper, .loops-wrapper.grid2-thumb .post-author-wrapper, .loops-wrapper.list-thumb-image .post-author-wrapper, .loops-wrapper.list-large-image .post-author-wrapper { display: block; border-right: none; } .loops-wrapper.grid4 .post-image, .loops-wrapper.grid3 .post-image, .loops-wrapper.grid2 .post-image, .loops-wrapper.grid2-thumb .post-image, .loops-wrapper.list-thumb-image .post-image, .loops-wrapper.list-large-image .post-image { margin-bottom: 0.75em; } .loops-wrapper.grid4 .post-meta .author-avatar + .post-author + .post-date, .loops-wrapper.grid3 .post-meta .author-avatar + .post-author + .post-date, .loops-wrapper.grid2 .post-meta .author-avatar + .post-author + .post-date, .loops-wrapper.grid2-thumb .post-meta .author-avatar + .post-author + .post-date, .loops-wrapper.list-thumb-image .post-meta .author-avatar + .post-author + .post-date, .loops-wrapper.list-large-image .post-meta .author-avatar + .post-author + .post-date { padding-left: initial; margin-bottom: auto; font-size: 0.95em; letter-spacing: 0.04em; } .loops-wrapper.grid4 .author-avatar img, .loops-wrapper.grid3 .author-avatar img, .loops-wrapper.grid2 .author-avatar img, .loops-wrapper.grid2-thumb .author-avatar img, .loops-wrapper.list-thumb-image .author-avatar img, .loops-wrapper.list-large-image .author-avatar img { width: 38px; height: 38px; margin: 0 0.9em 0 0; } .loops-wrapper.grid4 .post-author, .loops-wrapper.grid3 .post-author, .loops-wrapper.grid2 .post-author, .loops-wrapper.grid2-thumb .post-author, .loops-wrapper.list-thumb-image .post-author, .loops-wrapper.list-large-image .post-author { margin: 0 0 0.3em; } .loops-wrapper.grid4 .post-cattag-wrapper, .loops-wrapper.grid3 .post-cattag-wrapper, .loops-wrapper.grid2 .post-cattag-wrapper, .loops-wrapper.grid2-thumb .post-cattag-wrapper, .loops-wrapper.list-thumb-image .post-cattag-wrapper, .loops-wrapper.list-large-image .post-cattag-wrapper { padding-right: 4.8em; display: block; } .loops-wrapper.grid4 .post-comment, .loops-wrapper.grid3 .post-comment, .loops-wrapper.grid2 .post-comment, .loops-wrapper.grid2-thumb .post-comment, .loops-wrapper.list-thumb-image .post-comment, .loops-wrapper.list-large-image .post-comment { padding: 0.4em 1.2em 0.2em; margin-top: -3.5em; font-size: 1em; } .loops-wrapper.grid4 .post-category, .loops-wrapper.grid3 .post-category, .loops-wrapper.grid2 .post-category, .loops-wrapper.grid2-thumb .post-category, .loops-wrapper.list-thumb-image .post-category, .loops-wrapper.list-large-image .post-category { font-size: 1em; letter-spacing: 0.07em; margin-bottom: 0.02em; } .loops-wrapper.grid4 .post-tag, .loops-wrapper.grid3 .post-tag, .loops-wrapper.grid2 .post-tag, .loops-wrapper.grid2-thumb .post-tag, .loops-wrapper.list-thumb-image .post-tag, .loops-wrapper.list-large-image .post-tag { font-size: 1em; margin-bottom: 0.35em; display: block; } /* ADD PADDING ON SIDEBAR-NONE POST & PAGE ================================================ */ .page.sidebar-none:not(.has-builder) #content, .sidebar-none .loops-wrapper.list-post .post-content, .single-post.sidebar-none #content { padding-left: 10%; padding-right: 10%; } .page.query-post.sidebar-none #content, .page.sidebar-none.full_width #content { padding-left: 0; padding-right: 0; } .single-post.sidebar-none #content { padding-top: 0; } /* LIST POST ================================================ */ .loops-wrapper.list-post .post-title { margin-bottom: .8em; } .single-post .post-cattag-wrapper, .loops-wrapper.list-post .post-cattag-wrapper { max-width: 60%; } /* GRID4 POST ================================================ */ .loops-wrapper.grid4 .post-title { font-size: 1.55em; line-height: 1.2em; letter-spacing: -0.015em; margin: 0 0 0.4em; } /* GRID3 POST ================================================ */ .loops-wrapper.grid3 .post-title { font-size: 1.85em; } /* GRID2 POST ================================================ */ .loops-wrapper.grid2 .post-title { font-size: 2.2em; } /* GRID2-THUMB POST ================================================ */ .loops-wrapper.grid2-thumb .post-title { font-size: 1.8em; } .loops-wrapper.grid2-thumb .post-image { width: 20%; float: left; margin: 0 1.6em 1.3em 0; } .loops-wrapper.grid2-thumb .post-content { overflow: hidden; min-width: 120px; } /* LIST-THUMB-IMAGE POST ================================================ */ .loops-wrapper.list-thumb-image .post-image { width: 20%; float: left; margin: 0 1.4em 1em 0; } .loops-wrapper.list-thumb-image .post-image img { width: 100%; } .loops-wrapper.list-thumb-image .post-content { overflow: hidden; } .loops-wrapper.list-thumb-image .post-video { width: 20%; float: left; margin: 0 1.4em 1em 0; padding-bottom: 12.25%; } .loops-wrapper.list-thumb-image .post-video .post-video { /* reset inner video wrapper */ width: 100%; float: none; padding: 0; margin: 0; display: block; position: static; } /* LIST-LARGE-IMAGE POST ================================================ */ .loops-wrapper.list-large-image .post-image { max-width: 70%; float: left; margin: 0 2em 1.3em 0; } /* SLIDER POST ================================================ */ .loops-wrapper.slider { position: relative; margin: 0 0 50px; } .loops-wrapper.slider .post { width: 100%; float: left; margin-left: 0; margin-bottom: 0; text-align: left; position: relative; margin: 0 0 15px; min-height: 40px; } .loops-wrapper.slider .post-image { width: auto; float: none; margin: 0; } .loops-wrapper.slider .post-image img { width: 100%; vertical-align: bottom; } .loops-wrapper.slider .post-image .themify_lightbox .zoom { display: none; } .loops-wrapper.slider .post-title { font-size: 1.8em; line-height: 1.2em; margin: 0 0 0.313em; } .loops-wrapper.slider .post-date { margin: 0; } .loops-wrapper.slider .post-content { position: absolute; bottom: 0; width: 90%; min-height: 40px; padding: 15px 5%; overflow: visible; margin: 0 auto; background-color: rgba(0,0,0,.6); font-size: .9em; line-height: 1.5em; color: #eee; } .loops-wrapper.slider .post-content a { color: #fff !important; } /* reset slider shortcode in framework css */ .shortcode.post-slider .carousel-prev, .shortcode.slider .carousel-prev, .shortcode.post-slider .carousel-next, .shortcode.slider .carousel-next { border-radius: 0; border: 0; text-shadow: none; margin: 0; box-shadow: none; background-image: none; } /* slider carousel controls */ .loops-wrapper.slider .carousel-wrap { position: relative; } .loops-wrapper.slider .carousel-nav-wrap { width: 100% !important; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev, .loops-wrapper.slider .carousel-nav-wrap .carousel-next { position: absolute; top: 30%; display: block; width: auto !important; height: auto !important; float: left; font-size: 0; text-indent: -900em; text-decoration: none; color: #fff; background-color: rgba(0,0,0,.3); padding: 5% 2.5%; transition: all .2s ease-in-out; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev { border-top-right-radius: 6px; border-bottom-right-radius: 6px; left: 0; } .loops-wrapper.slider .carousel-nav-wrap .carousel-next { border-top-left-radius: 6px; border-bottom-left-radius: 6px; right: 0; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover, .loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover { color: #fff; background-color: rgba(0,0,0,.5); } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover { padding-left: 4%; } .loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover { padding-right: 4%; } /* carousel prev/next arrow */ .loops-wrapper.slider .carousel-nav-wrap .carousel-next:before, .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before { width: 100%; text-align: center; content: '\f054'; font-family: FontAwesome; display: block; font-style: normal; font-weight: normal; text-decoration: none; text-align: center; font-size: 18px; line-height: 100%; position: absolute; left: 0; top: 45%; } /* carousel pager */ .loops-wrapper.slider .carousel-pager { clear: both; text-align: center; line-height: 100%; width: auto; } .loops-wrapper.slider .carousel-pager a { text-indent: -900em; width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin: 2px 3px 0; background-color: #ccc; background-color: rgba(0,0,0,.2); border: solid 2px #666; border-radius: 100%; cursor: pointer; } .loops-wrapper.slider .carousel-pager a.selected { background-color: #fff; border-color: #ccc; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin: 15px 0; border: none; } .author-box .author-avatar { float: left; margin: 0 15px 5px 0; } .author-box .author-name { margin: 0 0 5px; font-family: 'Poppins'; } /************************************************************************************ POST PAGINATION (the tag) *************************************************************************************/ .post-pagination { text-align: right; margin: .5em 0 2em; } .post-pagination strong { margin-right: 3px; } .post-pagination a { margin-left: 3px; margin-right: 3px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 0 0 1.8em; padding: 1.5em 0 0; clear: both; font-family: 'Poppins'; font-size: 1.05em; font-weight: 600; border-top: 1px solid #ddd; } .post-nav .prev, .post-nav .next { width: 47%; position: relative; box-sizing: border-box; } .post-nav .prev { float: left; padding-left: 37px; } .post-nav .next { float: right; text-align: right; padding-right: 37px; } /* post nav link */ .post-nav a { text-decoration: none; display: block; color: inherit; } .post-nav a:hover { text-decoration: none; } /* post nav arrow */ .post-nav .arrow { position: absolute; left: 0; top:50%; margin-top:-8px; color:#03c6ad; } .post-nav .next .arrow { float: right; left: auto; right: 0; } .post-nav .next .arrow:before, .post-nav .prev .arrow:before { content:""; display:inline-block; width:16px; height:16px; position:absolute; top:0; } .post-nav .next .arrow:before { border-top:2px solid; border-right:2px solid; transform:rotateZ(45deg); right:0; } .post-nav .prev .arrow:before { border-top:2px solid; border-left:2px solid; transform:rotateZ(-45deg); } .post-nav .prev a:hover span:before { animation: arrow-prev 1s infinite; animation-timing-function: linear; } .post-nav .next a:hover span:before { animation: arrow-next 1s infinite; animation-timing-function: linear; } /* post nav animation */ @keyframes arrow-prev { 0% {left: 0;} 50% {left: -10px;} 100% {left: 0;} } @keyframes arrow-next { 0% {right: 0;} 50% {right: -10px;} 100% {right: 0;} } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { margin: 6.2em 0 6.5em; position: relative; clear: both; border-top: 1px solid #ddd; padding-top: 1.8em; } /* comment title */ .comment-title, .comment-reply-title { color: #000; font-family: 'Poppins'; font-size: 1.4em; font-weight: 600; margin: 0 0 1.05em; padding: 0; letter-spacing: -0.015em; } /* comment pagenav */ .commentwrap .pagenav { margin: 10px 0; box-shadow: none; } .commentwrap .pagenav.top { margin: 0; position: absolute; top: 1.5em; right: 0; } /* commentlist */ .commentlist { margin: 0 0 30px; padding: 5px 0 0; } .commentlist li { margin: 0; padding: 0; list-style: none; position: relative; } .commentlist .comment-author { margin: 3px 0 18px; padding: 0; } .commentlist .avatar { float: left; margin: 0 1.3em 0 0; width: 65px; height: 65px; border-radius: 5em; } .commentlist cite { font-family: 'Poppins'; font-style: normal; font-size: 1.05em; font-weight: normal; text-transform: uppercase; display: block; padding-top: 0.25em; margin-bottom: -8px; } .commentlist cite a { text-decoration: none; } .commentlist cite .tf_fa{ margin-right:10px } .commentlist .bypostauthor > .comment-author cite:before { content: '\f02e'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; margin-right: 12px; } .commentlist .comment-author br { display: none; } .commentlist .comment-time { font-family: 'Poppins'; font-size: .85em; font-style: normal; } .commentlist .commententry { position: relative; min-height: 40px; overflow: hidden; padding-bottom: 0.6em; overflow-wrap:break-word; } .commentlist .commententry a { color: inherit; } .commentlist ul, .commentlist ol { margin: 0 0 0 7%; padding: 0; } /* reply link */ .commentlist .reply { position: absolute; right: 12px; top: 0; } .commentlist .comment-reply-link { font-family: 'Poppins'; font-weight: 700; font-size: 0.9em; letter-spacing: -0.01em; text-transform: uppercase; text-decoration: none; } .commentlist .comment-reply-link:hover { text-decoration: none; } .commentlist .comment-reply-link:before { content: ''; display: inline-block; vertical-align: middle; border-bottom: 1px solid; width: 1.265em; margin-right: 0.6em; } .commentlist .comment-reply-link:hover:before { animation: cmt-reply 1s infinite; animation-timing-function: linear; } /* comment-reply animation */ @keyframes cmt-reply { 0% {transform: translateX(0px);} 50% {transform: translateX(-10px);} 100% {transform: translateX(0px);} } /* COMMENT FORM ================================================ */ #respond { margin: 0; padding: 2.75em 0 0; position: relative; clear: both; } #respond #cancel-comment-reply-link { position: absolute; top: 3.5em; right: 0; font-family: 'Poppins'; font-size: 0.8em; font-weight: bold; text-transform: uppercase; letter-spacing: -0.045em; line-height: 100%; text-decoration: none; display: block; } #respond #cancel-comment-reply-link:hover { color: red; } #respond #cancel-comment-reply-link:before, #respond #cancel-comment-reply-link:after { content: ''; display: inline-block; border-top: 1px solid; width: 1.2em; position: absolute; left: -25px; top: 7px; transition: all 0.3s ease; } #respond #cancel-comment-reply-link:before { transform: rotate(45deg); } #respond #cancel-comment-reply-link:after { transform: rotate(-45deg); } #respond #cancel-comment-reply-link:hover:before { transform: rotate(135deg); } #respond #cancel-comment-reply-link:hover:after { transform: rotate(45deg); } #commentform { margin: 0.95em 0 0; font-size: 0.9em; } #commentform p { margin: 0 0 1.5em; } #commentform .comment-form-author, #commentform .comment-form-email { width: 50%; float: left; box-sizing: border-box; clear: none; } #commentform p.comment-form-author { padding-right: 2%; } #commentform .comment-form-email { padding-left: 2%; } #commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { width: 100%; max-width: none; } #commentform p.comment-notes, #commentform p.logged-in-as, #commentform p.logged-in-as+p{ padding: 0; float: none; width: 100%; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ 8. SIDEBAR *************************************************************************************/ .widget { margin: 0 0 2.4em; } .widgettitle { margin: 0 0 0.625em; padding: 0; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: .4em 0; list-style: none; clear: both; border-top: solid 1px #ddd; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } /************************************************************************************ 8.1 WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* recent post widget */ .widget_recent_entries li { margin: 0 0 1.2em; } .widget_recent_entries a { font-size: 1.2em; display: inline-block; margin: 0 0 .3em; } .widget_recent_entries .post-date { display: block; font-size: .95em } /* feature posts widget */ .widget .feature-posts-list li { padding: 0; margin: 0 0 1.2em; } .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 0 1.2em 1em 0; float: left; } .widget .feature-posts-list small { font-size: 90%; display: block; margin: 0 0 .3em; } .widget .feature-posts-list .feature-posts-title { margin: 0 0 .2em; display: inline-block; font-size: 1.1em; } .widget .feature-posts-list .post-excerpt { display: block; } /* twitter widget */ .widget .twitter-list li { padding: 0; margin: 0 0 1.2em; } .widget .twitter-list .twitter-timestamp { font-style: italic; display: block; padding-top: .4em; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { margin-top: 10px; } .widget .flickr_badge_image img { width: 50px; height: 50px; margin-right: 12px; margin-bottom: 12px; float: left; } /* search widget */ #sidebar #searchform { position: static; } #sidebar #searchform #s { width: 93%; } /* add white bg to facebook badge iframe */ iframe[src*="facebook"] { background-color: #fff; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width: 100% !important; } #content .twt-border { max-width: 100% !important; min-width: 180px !important; } /* Text widget */ .widget .textwidget ul { margin: 0 0 1.4em 1.6em; } .widget .textwidget li { display: list-item; } .widget .textwidget ul li { list-style: disc; } .widget .textwidget ol li { list-style: decimal; } /************************************************************************************ 9. FOOTER *************************************************************************************/ #footerwrap { background-color: #fff; border-top: 1px solid #e6e6e6; clear: both; text-align: center; padding: 1.5em 0; } /* footer widgets */ .footer-widgets { clear: both; } .footer-widgets .widget { margin-bottom: 2em; } .footer-widgets .widgettitle { font-size: 1.3em; text-transform: uppercase; color: #656565; } /* back to arrow */ .back-top { margin: 1.5em auto 1.8em; text-align: center; width: 100px; } .back-top .arrow-up a { display: inline-block; position: relative; font-size: 1.75em; bottom: 0; border: 2px solid #c7c7c7; border-radius: 5em; width: 53px; height: 53px; line-height: 50px; z-index: 10; color: #666; text-decoration: none; transition: all .5s ease; } .back-top a:before { content: "\e800"; font-family: 'themify_theme_icon'; font-style: normal; font-weight: normal; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .back-top .arrow-up:hover a:before { animation: arrow-up 1s infinite; animation-timing-function: linear; } @keyframes arrow-up { 0% { top: -10px; } 50% { top: 10px; } 100% { top: -10px; } } /* footer nav */ .footer-nav { margin: .5em 0 2.05em; padding: 0; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 0.9em; margin-left: 1.25em; } .footer-nav li { display: inline-block; padding: 0; margin: 0 0.5em; list-style: none; } .footer-nav a { color: inherit; text-decoration: none; text-transform: uppercase; transition: all .5s ease; } .footer-nav a:hover { opacity: 0.5; } /* footer social widget */ #footer .social-widget { margin: 0 auto 1.65em; } /* footer text */ .footer-text { clear: both; font-size: 0.8em; padding: 0 0 1.85em; position: relative; letter-spacing: 0.01em; } .footer-text a { text-decoration: none; } .footer-text:before { content: ''; display: block; width: 188px; border-top: 1px solid #e7e7e7; margin: auto; padding-top: 2.6em; } /************************************************************************************ 10. BUILDER STYLING *************************************************************************************/ /* builder row */ .module_row.fullwidth > .row_inner { width: 100%; max-width: 100%; padding: 0; } /* module title */ .themify_builder_content .module-title { margin: 1.4em 0 1.6em; padding: 1em 0 0; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px; } /* Disable background attachment on iOS devices */ @supports (-webkit-touch-callout: none) { #headerwrap{ background-attachment:scroll !important; background-position:center !important } } /************************************************************************************ 11. WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 1em; } .alignleft { float: left; margin-right: 2em; } .alignright { float: right; margin-left: 2em; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1em; max-width: 100%; } .wp-caption-text { margin: .5em 0; } /* attachment page */ body.attachment { width: auto; float: none; position: static; } .single .attachment.post { width: auto; float: none; } /************************************************************************************ 13. CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .tf_clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, #content:after { content: ""; display: table; clear: both; } /*/skins/black/style.css*/ /* Skin Name: Black Version: 1.0 */ a, #main-nav a, .social-widget a, .post-nav .next .arrow:before, .post-nav .prev .arrow:before { color: #000; } input[type=reset], input[type=submit], button { background-color: #000; } input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color: #555; } a:hover, .social-widget a:hover, .post-title a:hover { color: #000; } .page-category-title-wrap, .category-title-overlay, .pagenav .current, .pagenav a:hover, .more-link { background-color: #000; } .more-link:hover { background-color: #555; } /************************************************************************************ HEADER *************************************************************************************/ #headerwrap #searchform #s { border-color: #000; } /************************************************************************************ MAIN NAVIGATION *************************************************************************************/ .sidemenu { background-color: #000; } #headerwrap #menu-icon { color: #000; } #main-nav a:hover, #main-nav .current_page_item > a, #main-nav .current-menu-item > a { color: #555; } /* dropdown border & arrow */ #main-nav ul { border-color: #000; } #main-nav ul:after { border-bottom-color: #000; } #main-nav ul ul:after { border-right-color: #000; } .transparent-header .social-widget a { color: inherit; } .transparent-header #main-nav > li > a, .transparent-header #headerwrap #menu-icon { color: #fff; } .transparent-header #main-nav > li:hover > a, .transparent-header #main-nav .current_page_item > a, .transparent-header #main-nav .current-menu-item > a { color: #E8E8E8; } .transparent-header #headerwrap.fixed-header #main-nav > li > a { color: #000; } /************************************************************************************ RESPONSIVE *************************************************************************************/ @media screen and (max-width: 1200px) { #headerwrap #main-nav a, #headerwrap #main-nav ul a, .social-widget a, #headerwrap #menu-icon-close { color: #fff; } #headerwrap #searchform #s, #headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s { color: #000; } .social-widget a:hover { color: inherit; } #headerwrap .social-widget a, #headerwrap #main-nav li:hover > a, #headerwrap #main-nav .current_page_item > a, #headerwrap #main-nav .current-menu-item > a, .transparent-header #headerwrap .social-widget a, .transparent-header #headerwrap #main-nav li:hover > a, .transparent-header #headerwrap #main-nav .current_page_item > a, .transparent-header #headerwrap #main-nav .current-menu-item > a { color: #fff; } .transparent-header #headerwrap #menu-icon-close { color: inherit; } } /*https://udruzenjeravnica.rs/wp-content/uploads/themify-css/themify-builder-471-generated.css*/ /* Generated from page: vajdasagi-farmgazdasag */ .themify_builder_content-471 .tb_rvk1209.module_row>.builder_row_cover::before,.themify_builder_content-471 .tb_rvk1209.module_row>.ms-tableCell>.builder_row_cover::before{background-color:rgba(255, 255, 255, 1);} .themify_builder_content-471 .tb_rvk1209.module_row{border-bottom:2px solid rgba(2, 51, 153, 1);border-top-style:none;margin-bottom:50px;} .themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap p,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap blockquote,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap h1,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap h2,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap h3,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap h4,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap h5,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap h6,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap li,.themify_builder_content-471 .tb_wygb211.module-text .tb_text_wrap span{font-family:"Palatino", 'Palatino Linotype', 'Book Antiqua', serif;} .themify_builder_content-471 .tb_9g5r760.module_row{margin-bottom:50px;margin-top:30px;} /*https://udruzenjeravnica.rs/wp-content/uploads/themify-customizer-5.2.4-5.2.6.css*/ /* Themify Customize Styling */ body { background: none; background-color: #ffffff; font-family: "Palatino", 'Palatino Linotype', 'Book Antiqua', serif; } #pagewrap { background-color: transparent; } #content { background-color: transparent; } #headerwrap { background: none; background-color: #c6e6c1; background-size: cover; background-position: center bottom; } .fixed-header #header a:hover { color: #c4c4c4; } body #site-logo a { font-family: "Palatino", 'Palatino Linotype', 'Book Antiqua', serif; } body #site-logo a img { width: 100px; } #site-description { display: none; } #main-nav { background-attachment: fixed; } #main-nav a { font-family: "Palatino", 'Palatino Linotype', 'Book Antiqua', serif; font-weight:bold; font-size:16px; text-transform:uppercase; color: #145708; } #main-nav a:hover { color: #ffffff; } #main-nav ul { background: none; background-color: #c6e6c1; } #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item > a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item > a { font-family: "Palatino", 'Palatino Linotype', 'Book Antiqua', serif; font-weight:bold; font-size:14px; text-transform:uppercase; } #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item > a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item > a, .fixed-header #main-nav ul a { color: #145708; } #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, .fixed-header #main-nav ul a:hover { color: #ffffff; } #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { background-color: transparent; } body:not(.mobile_menu_active) #main-nav li .current_page_item > a, body:not(.mobile_menu_active) #main-nav li .current-menu-item > a { background-color: transparent; } .post-title, .post-title a { font-family: 'Trebuchet MS', "Arial", "Helvetica", sans-serif; font-size:20px; } .page-title, .page-category-title-wrap .page-title { color: #fe6500; margin-top: 0px; } @media screen and (max-width: 1024px) { /* Themify Customize Styling */ body #site-logo a img { width: 100px; } }@media screen and (max-width: 768px) { /* Themify Customize Styling */ body #site-logo a img { width: 100px; } }@media screen and (max-width: 600px) { /* Themify Customize Styling */ body #site-logo a img { width: 100px; } } /* Themify Custom CSS */ /*.page-category-title-wrap { background-color: #ffffff; height:100px; } .lang-item { display: inline; }*/ .lang-item { display: inline-block; }