/** * Smash Balloon design tokens — local plugin mirror. * * Single source of truth for design tokens used by Instagram Feed Pro. * Mirrored verbatim from `@smashballoons/tokens` v0.4.0 (npm). To bump * the snapshot: copy the relevant slice of `dist/tokens.css` from the * package and update the `Mirror version` line below. Consumer CSS * references the aliases at the bottom of this file and does not need * to be touched when values change. * * Future migration: when sb-common centralizes token distribution, the * `Package mirror` block can be replaced with an @import / wp_enqueue * of the official package without breaking the alias contract below. * * Mirror version: @smashballoons/tokens@0.4.0 * Slice scope: fg + focus + opacity-disabled + duration (semantic * layer required by SMASH-1378 a11y PRs). Extend in * follow-up PRs as new tokens (border, bg, motion) are * adopted. */ :root { /* ===== Package mirror — @smashballoons/tokens@0.4.0 ===== */ /* Color primitives referenced by the semantic layer below. */ --sb-color-gray-600: #4a5565; --sb-color-gray-700: #364153; --sb-color-wp-light-blue-600: #007ca8; /* Duration primitives — referenced directly by consumer transitions and overridden by the reduced-motion @media block below. */ --sb-duration-75: 75ms; --sb-duration-100: 100ms; --sb-duration-150: 150ms; --sb-duration-200: 200ms; --sb-duration-300: 300ms; --sb-duration-500: 500ms; --sb-duration-700: 700ms; --sb-duration-1000: 1000ms; /* Opacity */ --sb-opacity-disabled: 0.5; /* Semantic foreground */ --sb-fg-muted: var(--sb-color-gray-700); --sb-fg-subtle: var(--sb-color-gray-600); /* Semantic focus */ --sb-focus-ring: var(--sb-color-wp-light-blue-600); /* ===== Plugin-local aliases (stable consumer-site names) ===== Bump the package values above; consumers reference these aliases and do not need to be renamed. Drop an alias here when a follow-up PR migrates its usage sites to the package name directly. */ --sb-text-secondary: var(--sb-fg-muted); --sb-text-tertiary: var(--sb-fg-subtle); } /* Reduced-motion override — zeroes every duration token so any consumer transition that uses `var(--sb-duration-*)` inherits the override automatically. Transforms / @keyframes still need an explicit `prefers-reduced-motion: no-preference` wrap at the consumer site. */ @media (prefers-reduced-motion: reduce) { :root { --sb-duration-75: 0.01ms; --sb-duration-100: 0.01ms; --sb-duration-150: 0.01ms; --sb-duration-200: 0.01ms; --sb-duration-300: 0.01ms; --sb-duration-500: 0.01ms; --sb-duration-700: 0.01ms; --sb-duration-1000: 0.01ms; } } #sb_instagram a:focus-visible,#sb_instagram button:focus-visible,.sbi_lightbox a:focus-visible,.sbi_lightbox button:focus-visible{ /* !important needed because pre-existing `outline: none` resets on :focus / :active (e.g. .sbi_lightbox a:focus around line 1247) would otherwise suppress the focus ring for keyboard users. */outline:2px solid var(--sb-focus-ring)!important;outline-offset:2px!important}#sb_instagram .sbi_item:has(.sbi_photo:focus-visible){outline:2px solid var(--sb-focus-ring);outline-offset:0}#sb_instagram .sb_instagram_header:has(.sbi_header_link:focus-visible){outline:2px solid var(--sb-focus-ring);outline-offset:2px}#sb_instagram{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0;width:100%}#sb_instagram:after{clear:both;content:"";display:table}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto}#sb_instagram #sbi_images,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram .sbi_header_link{-webkit-box-shadow:none;box-shadow:none}#sb_instagram .sbi_header_link:hover{border:none}#sb_instagram #sbi_images .sbi_item{zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0!important;opacity:1;overflow:hidden;text-decoration:none;-webkit-transition:all var(--sb-duration-500) ease;-moz-transition:all var(--sb-duration-500) ease;-o-transition:all var(--sb-duration-500) ease;transition:all var(--sb-duration-500) ease;vertical-align:top;width:100%}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0}#sb_instagram #sbi_images{display:grid;padding:12px 0;width:100%}#sb_instagram.sbi_col_1 #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{height:inherit;object-fit:cover;scale:1;transition:-webkit-transform var(--sb-duration-500) ease-in-out;transition:transform var(--sb-duration-500) ease-in-out;transition:transform var(--sb-duration-500) ease-in-out,-webkit-transform var(--sb-duration-500) ease-in-out;vertical-align:middle;width:100%}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:none}#sb_instagram img{display:block;margin:0!important;max-width:100%!important;opacity:1!important;padding:0!important}#sb_instagram .sbi_link{background:rgba(0,0,0,.5);bottom:0;color:#fff;display:none;font-size:12px;line-height:1.1;padding:10px 0;position:absolute;right:0;text-align:center;width:100%}#sb_instagram .sbi_link a{zoom:1;color:#fff;display:inline-block;font-size:12px;line-height:1.1;padding:0 6px;text-decoration:none;vertical-align:top}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{display:inline-block;height:1em}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{color:#fff;color:hsla(0,0%,100%,.9);display:block!important;font-style:normal!important;position:absolute;text-shadow:0 0 8px rgba(0,0,0,.8);z-index:1}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{font-size:48px;left:50%;margin-left:-19px;margin-top:-24px;padding:0;top:50%;z-index:2}#sb_instagram .sbi_type_carousel .fa-clone{font-size:24px;right:12px;text-shadow:0 0 8px rgba(0,0,0,.3);top:12px}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}#sb_instagram .sbi_loader{-webkit-animation:sbi-sk-scaleout var(--sb-duration-1000) infinite ease-in-out;animation:sbi-sk-scaleout var(--sb-duration-1000) infinite ease-in-out;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;height:20px;left:50%;margin:-10px 0 0 -10px;position:relative;top:50%;width:20px}#sb_instagram br{display:none}#sbi_load p{display:inline;margin:0;padding:0}#sb_instagram #sbi_load .sbi_loader{background-color:#fff;margin-top:-11px;opacity:1;position:absolute}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}to{opacity:0;-webkit-transform:scale(1)}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin var(--sb-duration-1000) infinite steps(8);animation:fa-spin var(--sb-duration-1000) infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{display:block!important;height:0!important;line-height:0!important;overflow:hidden!important;text-align:left!important;text-indent:-9999px!important;width:0!important}#sb_instagram .sb_instagram_header,.sb_instagram_header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:12px 0;position:relative}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{transition:color var(--sb-duration-500) ease}.sb_instagram_header.sbi_header_outside{display:flex;float:none;margin-left:auto!important;margin-right:auto!important}.sbi_no_avatar .sbi_header_img{background:#333;color:#fff;height:50px;position:relative;width:50px}.sb_instagram_header .sbi_header_hashtag_icon{background:rgba(0,0,0,.75);bottom:0;color:#fff;left:0;opacity:0;position:absolute;text-align:center;top:0;width:100%}.sbi_no_avatar .sbi_header_hashtag_icon{color:#fff;display:block;opacity:.9;-webkit-transition:background .6s linear,color .6s linear;-moz-transition:background .6s linear,color .6s linear;-o-transition:background .6s linear,color .6s linear;transition:background .6s linear,color .6s linear}.sbi_no_avatar:hover .sbi_header_hashtag_icon{display:block;opacity:1;-webkit-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;-moz-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;-o-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear}@media (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,.sb_instagram_header.sbi_medium .sbi_header_img,.sb_instagram_header.sbi_medium .sbi_header_img img{border-radius:50%;height:80px;width:80px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text h3{line-height:1.4}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,.sb_instagram_header.sbi_large .sbi_header_img,.sb_instagram_header.sbi_large .sbi_header_img img{border-radius:50%;height:120px;width:120px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,.sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}}#sb_instagram .sb_instagram_header .sbi_header_img,.sb_instagram_header .sbi_header_img{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{background:rgba(0,0,0,.75);bottom:0;color:#fff;left:0;opacity:0;position:absolute;text-align:center;top:0;width:100%}#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header .sbi_header_img_hover .sbi_new_logo{font-size:24px;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:absolute;top:50%;width:24px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{font-size:36px;height:36px;margin-left:-18px;margin-top:-18px;width:36px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo{font-size:48px;height:48px;margin-left:-24px;margin-top:-24px;width:48px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{transition:opacity .4s ease-in-out;z-index:2}#sb_instagram .sb_instagram_header .sbi_fade_in,.sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity var(--sb-duration-200) ease-in-out}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,.sb_instagram_header a:focus .sbi_header_img_hover,.sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text,.sb_instagram_header .sbi_header_text{align-items:center;display:flex;gap:20px;justify-content:flex-start}#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,.sb_instagram_header.sbi_large .sbi_feedtheme_header_text{gap:8px}.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text{gap:4px}.sbi_feedtheme_header_text{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:4px;justify-content:flex-start}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header h3,.sb_instagram_header h3{font-size:16px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header p,.sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,.sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{clear:both;float:left;text-align:center;width:100%}#sb_instagram #sbi_load .fa-spinner{display:none;font-size:15px;left:50%;margin:-8px 0 0 -7px;position:absolute;top:50%}#sb_instagram #sbi_load{opacity:1;transition:all var(--sb-duration-500) ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all var(--sb-duration-100) ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{zoom:1;background:#333;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline-block;font-size:13px;line-height:1.5;margin:5px auto 0;padding:7px 14px;text-decoration:none;vertical-align:top}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{zoom:1;display:inline-block;text-align:center;vertical-align:top}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all var(--sb-duration-100) ease-in}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover{box-shadow:inset 0 0 20px 20px hsla(0,0%,100%,.25);outline:none}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{box-shadow:inset 0 0 10px 20px #359dff;outline:none}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{font-size:15px;margin-bottom:-1px;margin-right:7px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{line-height:1.4;text-align:center;width:100%}#sbi_mod_error{background:#eee;border:1px solid #ddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;clear:both;color:#333;display:none;font-size:13px;margin:10px 0 0;padding:10px 15px;text-align:center}#sbi_mod_error br{display:initial!important}#sbi_mod_error p{line-height:1.3!important;margin:0!important;padding:5px 0!important}#sbi_mod_error ol,#sbi_mod_error ul{margin:0!important;padding:5px 0 5px 20px!important}#sbi_mod_error li{margin:0!important;padding:1px 0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{font-size:23px;margin-left:-9px;margin-top:-12px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{font-size:18px;right:8px;top:8px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{font-size:18px;margin-left:-7px;margin-top:-9px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{font-size:12px;right:5px;top:5px}@media (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_width_resp{width:100%!important}}@media (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;overflow:hidden;position:relative}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{bottom:0;left:0;position:absolute;right:0;top:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}#sb_instagram #sbi_mod_error .sb_frontend_btn{background:#ddd;background:rgba(0,0,0,.1);border-radius:5px;color:#444;display:inline-block;margin-top:10px;padding:6px 10px;text-decoration:none}#sb_instagram #sbi_mod_error .sb_frontend_btn:hover{background:#ccc;background:rgba(0,0,0,.15)}#sb_instagram #sbi_mod_error .sb_frontend_btn .fa{margin-right:2px}#sb_instagram.sbi_palette_dark,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_dark{background-color:rgba(0,0,0,.85);color:hsla(0,0%,100%,.75)}#sb_instagram.sbi_palette_dark .sbi_caption,#sb_instagram.sbi_palette_dark .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_dark,.sbi_header_palette_dark .sbi_bio{color:hsla(0,0%,100%,.75)}#sb_instagram.sbi_palette_dark .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_dark a{color:#fff}#sb_instagram.sbi_palette_light,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_light{background-color:hsla(0,0%,100%,.75);color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_caption,#sb_instagram.sbi_palette_light .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_light,.sbi_header_palette_light .sbi_bio{color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_light a{color:#000}@media (max-width:480px){#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}}@media (max-width:800px){#sb_instagram.sbi_tab_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_tab_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_tab_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_tab_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_tab_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_tab_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_tab_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_tab_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_tab_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_tab_col_1 #sbi_images{grid-template-columns:1fr}}@media (max-width:480px){#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:none!important}body:after{content:url(https://mikuta.nu/wp-content/plugins/instagram-feed/css/../img/sbi-sprite.png);display:none}.sbi_lightboxOverlay{background-color:#000;display:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);left:0;opacity:.9;position:absolute;top:0;z-index:99999}.sbi_lightbox{font-weight:400;left:0;line-height:0;position:absolute;text-align:center;width:100%;z-index:100000}.sbi_lightbox .sbi_lb-image{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:block;height:auto;max-width:inherit;object-fit:contain}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.sbi_lightbox a:active,.sbi_lightbox a:focus,.sbi_lightbox a:hover{outline:none}.sbi_lightbox a img{border:none}.sbi_lb-outerContainer{*zoom:1;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;height:250px;margin:0 auto 5px;position:relative;width:250px}.sbi_lb-outerContainer:after{clear:both;content:"";display:table}.sbi_lb-container-wrapper{height:100%}.sbi_lb-container{bottom:0;height:100%;left:0;padding:4px;position:relative;right:0;top:0;width:100%}.sbi_lb-loader{height:20px;left:0;line-height:0;margin-top:-10px;position:absolute;text-align:center;top:50%;width:100%}.sbi_lb-loader span{background:url(https://mikuta.nu/wp-content/plugins/instagram-feed/css/../img/sbi-sprite.png) no-repeat;display:block;height:14px;margin:0 auto;width:14px}.sbi_lb-nav{left:0;top:0;width:100%;z-index:10}.sbi_lb-container>.nav{left:0}.sbi_lb-nav a{background-image:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");height:90%;outline:none;position:absolute;top:0;z-index:100}.sbi_lb-next,.sbi_lb-prev{cursor:pointer;display:block;height:100%}.sbi_lb-nav a.sbi_lb-prev{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:left;left:-70px;opacity:.5;padding-left:10px;padding-right:10px;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:50px}.sbi_lb-nav a.sbi_lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav a.sbi_lb-next{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:right;opacity:.5;padding-left:10px;padding-right:10px;right:-70px;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:50px}.sbi_lb-nav a.sbi_lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav span{background:url(https://mikuta.nu/wp-content/plugins/instagram-feed/css/../img/sbi-sprite.png) no-repeat;display:block;height:45px;left:20px;margin:-25px 0 0;position:absolute;top:55%;width:34px}.sbi_lb-nav a.sbi_lb-prev span{background-position:-53px 0}.sbi_lb-nav a.sbi_lb-next span{background-position:-18px 0;left:auto;right:20px}.sbi_lb-dataContainer{*zoom:1;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;font-family:Open Sans,Helvetica,Arial,sans-serif;margin:0 auto;padding-top:10px;width:100%}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding-right:300px;position:relative}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper{background:#000;position:relative}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{background:#fff;bottom:0;height:100%;line-height:1.4;overflow:hidden;overflow-y:auto;position:absolute;right:-300px;text-align:left;top:0;width:300px!important}.sbi_lb-commentBox:after,.sbi_lb-data:after,.sbi_lb-dataContainer:after{clear:both;content:"";display:table}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display:block!important;margin-top:20px;padding:4px;width:100%}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number{padding-bottom:0}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption{margin-bottom:20px;max-width:100%;width:100%}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text{display:inline-block;padding-top:10px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;clear:both;display:block!important;float:left;font-size:12px;margin:0 0 1px;min-width:100%;padding:3px 20px 3px 0;width:100%}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter{font-weight:700;margin-right:5px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing:border-box;padding:15px 20px}.sbi_lb-data{color:#ccc;padding:0 4px}.sbi_lb-data .sbi_lb-details{float:left;line-height:1.1;text-align:left;width:85%}.sbi_lb-data .sbi_lb-caption{word-wrap:break-word;color:#ccc;float:left;font-size:13px;font-weight:400;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word;padding-bottom:3px;word-break:break-word}.sbi_lb-data .sbi_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbi_lb-commenter:hover,.sbi_lb-data .sbi_lb-caption a:hover{color:#fff;text-decoration:underline}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{color:#ccc;display:block;float:left;margin:0 0 5px;padding-bottom:0;width:100%}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p{color:#fff;text-decoration:underline}#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username{color:#333}.sbi_lightbox .sbi_lightbox_username img{background:#666;border:none;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;float:left;height:32px;margin-right:10px;width:32px}.sbi_lightbox_username p{color:#ccc;float:left;font-size:13px;font-weight:700;line-height:32px;margin:0;padding:0}.sbi_lb-data .sbi_lb-number{clear:both;color:var(--sb-text-tertiary);display:block;float:left;font-size:12px;padding:5px 0 15px}.sbi_lb-data .sbi_lb-close{color:var(--sb-text-tertiary);display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);float:right;font-size:18px;height:30px;opacity:.7;outline:none;text-align:right;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:30px}.sbi_lb-data .sbi_lb-close:hover{color:#fff;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav{height:auto}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video{position:relative!important}.sbi_lb-container{padding:0}.sbi-feed-block-cta{border:1px solid #e8e8eb!important;border-radius:2px!important;position:relative!important;text-align:center!important;width:100%!important}.sbi-feed-block-cta-img-ctn{float:left!important;margin-bottom:35px!important;margin-top:50px!important;width:100%!important}.sbi-feed-block-cta-img,.sbi-feed-block-cta-img-ctn{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}.sbi-feed-block-cta-img{border:2px solid #dcdde1!important;border-radius:16px!important;height:65px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;width:65px!important}.sbi-feed-block-cta-img span svg{float:left!important}.sbi-feed-block-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sbi-feed-block-cta-logo{bottom:-19px!important;position:absolute!important;right:-15px!important;z-index:1!important}.sbi-feed-block-cta-heading{display:inline-block!important;font-size:19px!important;font-weight:700!important;line-height:1.4em!important;margin:0 0 30px!important;padding:0!important;width:100%!important}.sbi-feed-block-cta-btn{background:#0068a0!important;border-radius:2px!important;color:#fff!important;cursor:pointer!important;margin-bottom:30px!important;padding:8px 20px 8px 38px!important;position:relative!important}.sbi-feed-block-cta-btn:after,.sbi-feed-block-cta-btn:before{background:#fff!important;content:""!important;height:12px!important;left:20px!important;position:absolute!important;top:14px!important;width:2px!important}.sbi-feed-block-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sbi-feed-block-cta-desc{align-items:center!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-top:35px!important;padding:20px!important}.sbi-feed-block-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sbi-feed-block-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sbi-feed-block-cta-desc span a{font-weight:600!important;text-decoration:underline!important;text-transform:capitalize!important}.sbi-feed-block-cta-selector{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-bottom:45px!important;padding:0 20%!important;width:100%!important}.sbi-feed-block-cta-feedselector{border:1px solid #d0d1d7!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important;padding:8px 16px!important}.sbi-feed-block-cta-selector span{color:#2c324c!important}.sbi-feed-block-cta-selector span a{font-weight:600!important;text-decoration:underline!important;text-transform:capitalize!important}.sbi-feed-block-cta-selector span a:after{color:#2c324c!important;font-weight:400!important;margin-left:2px!important;text-decoration-color:#fff!important}.sbi-feed-block-cta-selector span a:first-of-type:after{content:","!important}.sbi-feed-block-cta-selector span a:nth-of-type(2):after{content:"or"!important;margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed:before{background-position:50%!important;background-repeat:no-repeat!important;content:""!important;font-variant:normal!important;height:16px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.906 18.109h.5v-.5h-.5v.5Zm-3.109 0h-.5v.5h.5v-.5Zm0-3.549v-.5h-.5v.5h.5Zm3.109 0v.5h.5v-.5h-.5Zm7.354-7.232h.5v-.424l-.417-.07-.083.494Zm0 3.022v.5h.5v-.5h-.5Zm-3.536 4.21h-.5v.5h.5v-.5Zm3.402 0 .494.077.09-.577h-.584v.5Zm-.55 3.549v.5h.427l.066-.423-.494-.077Zm-2.852 0v-.5h-.5v.5h.5Zm10.328-3.549h-.5v.001h.5ZM17.08 26.614l-.092-.492.092.492Zm-4.531 0 .092-.492-.092.492Zm2.266-24.816c-7.008 0-12.738 5.719-12.738 12.762h1c0-6.492 5.283-11.762 11.738-11.762v-1ZM2.077 14.56c0 6.238 4.473 11.437 10.38 12.545l.184-.983C7.2 25.102 3.077 20.31 3.077 14.56h-1Zm11.329 11.754v-8.205h-1v8.205h1Zm-.5-8.705H9.797v1h3.109v-1Zm-2.609.5V14.56h-1v3.549h1Zm-.5-3.049h3.109v-1H9.797v1Zm3.609-.5v-2.704h-1v2.704h1Zm0-2.704c0-1.437.424-2.488 1.115-3.179.692-.692 1.71-1.082 3.01-1.082v-1c-1.501 0-2.796.454-3.717 1.375-.921.921-1.408 2.25-1.408 3.886h1Zm4.125-4.26c.641 0 1.303.055 1.81.112a20.412 20.412 0 0 1 .824.11l.01.002h.003l.082-.492.082-.494h-.005l-.013-.003a10.294 10.294 0 0 0-.231-.035 21.366 21.366 0 0 0-.64-.081 17.7 17.7 0 0 0-1.922-.12v1Zm2.23-.268v3.022h1V7.328h-1Zm.5 2.522h-1.543v1h1.542v-1Zm-1.543 0c-.867 0-1.518.274-1.944.765-.414.477-.55 1.088-.55 1.644h1c0-.41.102-.754.306-.99.192-.221.538-.419 1.188-.419v-1Zm-2.494 2.41v2.3h1v-2.3h-1Zm.5 2.8h3.402v-1h-3.402v1Zm2.908-.577-.551 3.55.988.153.55-3.55-.987-.153Zm-.057 3.126h-2.851v1h2.851v-1Zm-3.351.5v8.204h1V18.11h-1Zm.949 8.996a12.738 12.738 0 0 0 7.335-4.254l-.761-.648a11.738 11.738 0 0 1-6.76 3.92l.186.982Zm7.335-4.254a12.738 12.738 0 0 0 3.044-8.292l-1 .002c.007 2.8-.988 5.51-2.805 7.642l.76.648Zm3.044-8.29c0-7.044-5.73-12.763-12.737-12.763v1c6.454 0 11.737 5.27 11.737 11.762h1ZM16.224 26.313c0 .492.444.886.949.791l-.185-.983a.198.198 0 0 1 .236.192h-1Zm-3.767.791a.803.803 0 0 0 .949-.791h-1c0-.114.105-.216.235-.192l-.184.983Z' fill='%232b87da'/%3E%3Cpath d='M12.906 18.109h.5v-.5h-.5v.5Zm-3.109 0h-.5v.5h.5v-.5Zm0-3.55v-.5h-.5v.5h.5Zm3.109 0v.5h.5v-.5h-.5Zm7.354-7.232h.5v-.423l-.417-.07-.083.493Zm0 3.023v.5h.5v-.5h-.5Zm-3.536 4.21h-.5v.5h.5v-.5Zm3.402 0 .494.077.09-.577h-.584v.5Zm-.55 3.549v.5h.427l.066-.424-.494-.076Zm-2.852 0v-.5h-.5v.5h.5Zm-3.318 8.257v-8.257h-1v8.257h1Zm-.5-8.757H9.797v1h3.109v-1Zm-2.609.5v-3.55h-1v3.55h1Zm-.5-3.05h3.109v-1H9.797v1Zm3.609-.5v-2.704h-1v2.705h1Zm0-2.704c0-1.436.424-2.487 1.115-3.178.692-.692 1.71-1.082 3.01-1.082v-1c-1.501 0-2.796.454-3.717 1.375-.921.92-1.408 2.25-1.408 3.885h1Zm4.125-4.26c.641 0 1.303.056 1.81.113a20.336 20.336 0 0 1 .824.11l.01.002h.003a183.243 183.243 0 0 1 .165-.986h-.006l-.013-.003a9.144 9.144 0 0 0-.231-.035 21.391 21.391 0 0 0-.64-.082 17.7 17.7 0 0 0-1.922-.119v1Zm2.23-.268v3.023h1V7.327h-1Zm.5 2.523h-1.543v1h1.542v-1Zm-1.543 0c-.867 0-1.518.274-1.944.765-.414.477-.55 1.087-.55 1.644h1c0-.41.102-.754.306-.99.192-.221.538-.419 1.188-.419v-1Zm-2.494 2.41v2.3h1v-2.3h-1Zm.5 2.8h3.402v-1h-3.402v1Zm2.908-.577-.551 3.55.988.152.55-3.548-.987-.154Zm-.057 3.126h-2.851v1h2.851v-1Zm-3.351.5v8.257h1v-8.257h-1Zm.19 8.066h-3.2v1h3.2v-1Zm-.19.191a.19.19 0 0 1 .19-.19v1a.81.81 0 0 0 .81-.81h-1Zm-3.818 0c0 .447.362.81.809.81v-1a.19.19 0 0 1 .19.19h-1Z' fill='%232b87da'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.876 6.788c.058-.082-.03-.187-.122-.149-.728.3-1.494.519-2.284.653-.107.019-.162-.129-.074-.192a5.372 5.372 0 0 0 1.868-2.462c.032-.086-.063-.162-.143-.117-.96.545-2.012.934-3.116 1.167a.1.1 0 0 1-.094-.03C22.926 4.608 21.554 4 20 4c-2.938 0-5.338 2.4-5.338 5.363 0 .378.04.746.11 1.096a.101.101 0 0 1-.104.121A15.243 15.243 0 0 1 3.841 5.1a.099.099 0 0 0-.162.014 5.312 5.312 0 0 0-.654 2.562c0 1.74.819 3.295 2.11 4.257.08.06.038.188-.061.18a5.398 5.398 0 0 1-2.066-.595.023.023 0 0 0-.033.02 5.37 5.37 0 0 0 3.888 5.164c.102.029.103.175 0 .194a5.275 5.275 0 0 1-1.834.023c-.075-.013-.138.058-.113.13A5.35 5.35 0 0 0 9.584 20.6c.093.007.132.127.057.183a10.65 10.65 0 0 1-6.441 2.13c-.281 0-.563-.012-.844-.033-.106-.009-.154.132-.063.186a15.177 15.177 0 0 0 7.857 2.184c9.85 0 15.262-8.175 15.262-15.262 0-.22 0-.428-.01-.646a.102.102 0 0 1 .043-.087 10.655 10.655 0 0 0 2.431-2.467Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.327a.1.1 0 0 0 .15.086l6.188-3.576a.1.1 0 0 0 0-.174L11.15 6.087a.1.1 0 0 0-.15.086v7.154Zm14.45-9.614c.163.587.275 1.375.35 2.375.087 1 .125 1.862.125 2.612L26 9.75c0 2.738-.2 4.75-.55 6.037-.313 1.126-1.037 1.85-2.162 2.163-.588.163-1.663.275-3.313.35a83.312 83.312 0 0 1-4.488.125L13.5 18.5c-5.238 0-8.5-.2-9.787-.55-1.126-.313-1.85-1.037-2.163-2.162-.163-.588-.275-1.376-.35-2.376-.087-1-.125-1.862-.125-2.612L1 9.75c0-2.737.2-4.75.55-6.037.313-1.126 1.037-1.85 2.162-2.163.588-.163 1.663-.275 3.313-.35a83.312 83.312 0 0 1 4.487-.125L13.5 1c5.238 0 8.5.2 9.788.55 1.125.313 1.85 1.037 2.162 2.162Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{zoom:1;background:#333;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline-block;font-size:13px;line-height:1.5;margin:5px auto 0;padding:7px 14px;text-decoration:none;vertical-align:top}.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before{top:10px!important} #cookie-law-info-bar { font-size: 15px; margin: 0 auto; padding: 12px 10px; position: absolute; text-align: center; box-sizing: border-box; width:100%; z-index: 9999; /* box-shadow:rgba(0,0,0,.5) 0px 5px 50px; */ display: none; left:0px; font-weight:300; box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3); } #cookie-law-info-again { font-size: 10pt; margin: 0; padding:5px 10px; text-align: center; z-index: 9999; cursor: pointer; box-shadow: #161616 2px 2px 5px 2px; } #cookie-law-info-bar span { vertical-align: middle; } /** Buttons (http://papermashup.com/demos/css-buttons) */ .cli-plugin-button, .cli-plugin-button:visited { display: inline-block; padding: 9px 12px; color: #fff; text-decoration: none; position: relative; cursor: pointer; margin-left: 5px; text-decoration: none; } .cli-plugin-main-link { margin-left:0px; font-weight: 550; text-decoration: underline; } .cli-plugin-button:hover { background-color: #111; color: #fff; text-decoration: none; } .small.cli-plugin-button, .small.cli-plugin-button:visited { font-size: 11px; } .cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited { font-size: 13px; font-weight: 400; line-height: 1; } .large.cli-plugin-button, .large.cli-plugin-button:visited { font-size: 14px; padding: 8px 14px 9px; } .super.cli-plugin-button, .super.cli-plugin-button:visited { font-size: 34px; padding: 8px 14px 9px; } .pink.cli-plugin-button, .magenta.cli-plugin-button:visited { background-color: #e22092; } .pink.cli-plugin-button:hover { background-color: #c81e82; } .green.cli-plugin-button, .green.cli-plugin-button:visited { background-color: #91bd09; } .green.cli-plugin-button:hover { background-color: #749a02; } .red.cli-plugin-button, .red.cli-plugin-button:visited { background-color: #e62727; } .red.cli-plugin-button:hover { background-color: #cf2525; } .orange.cli-plugin-button, .orange.cli-plugin-button:visited { background-color: #ff5c00; } .orange.cli-plugin-button:hover { background-color: #d45500; } .blue.cli-plugin-button, .blue.cli-plugin-button:visited { background-color: #2981e4; } .blue.cli-plugin-button:hover { background-color: #2575cf; } .yellow.cli-plugin-button, .yellow.cli-plugin-button:visited { background-color: #ffb515; } .yellow.cli-plugin-button:hover { background-color: #fc9200; } .cli-plugin-button{ margin-top:5px; } .cli-bar-popup{ -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; padding:20px; } .cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; } .cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;} /** * Added extra space between each cookie bar action elements @since 1.8.9 */ .cli-plugin-main-link.cli-plugin-button { text-decoration: none; } .cli-plugin-main-link.cli-plugin-button { margin-left: 5px; } .gdpr-container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .gdpr-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .gdpr-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .gdpr-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .gdpr-align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important; } .gdpr-d-flex { display: -ms-flexbox!important; display: flex!important; } .gdpr-px-0 { padding-left: 0; padding-right: 0; } .modal-backdrop.show { opacity: .8; } .modal-open { overflow: hidden } .modal-open .gdpr-modal { overflow-x: hidden; overflow-y: auto } .gdpr-modal.fade .gdpr-modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,-25%) } .gdpr-modal.show .gdpr-modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0) } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1039; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .gdpr-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0 } .gdpr-modal a { text-decoration: none; } .gdpr-modal .gdpr-modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) } @media (min-width: 576px) { .gdpr-modal .gdpr-modal-dialog { max-width:500px; margin: 1.75rem auto; min-height: calc(100% - (1.75rem * 2)); } } @media (min-width: 992px) { .gdpr-modal .gdpr-modal-dialog { max-width: 900px; } } .gdpr-modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .gdpr-modal .row { margin: 0 -15px; } .gdpr-modal .modal-body { padding: 0; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .gdpr-modal .close { position: absolute; right: 10px; top: 10px; z-index: 1; padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } .gdpr-modal .close:focus { outline: 0; } .gdpr-switch { display: inline-block; position: relative; min-height: 1px; padding-left: 70px; font-size: 14px; } .gdpr-switch input[type="checkbox"] { display:none; } .gdpr-switch .gdpr-slider { background-color: #e3e1e8; height: 24px; width: 50px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .gdpr-switch .gdpr-slider:before { background-color: #fff; bottom: 2px; content: ""; height: 20px; left: 2px; position: absolute; transition: .4s; width: 20px; } .gdpr-switch input:checked + .gdpr-slider { background-color:rgb(99, 179, 95); } .gdpr-switch input:checked + .gdpr-slider:before { transform: translateX(26px); } .gdpr-switch .gdpr-slider { border-radius: 34px; } .gdpr-switch .gdpr-slider:before { border-radius: 50%; } .gdpr-tab-content>.gdpr-tab-pane { display: none; } .gdpr-tab-content>.active { display: block; } .gdpr-fade { transition: opacity .15s linear; } .gdpr-nav-pills { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; -ms-flex-direction: column !important; flex-direction: column !important; align-items: stretch !important; -ms-align-items: stretch !important; } .nav.gdpr-nav-pills, .gdpr-tab-content { width: 100%; padding: 30px; } .nav.gdpr-nav-pills { background: #f3f3f3; } .nav.gdpr-nav-pills .gdpr-nav-link { border: 1px solid #0070ad; margin-bottom: 10px; color: #0070ad; font-size: 14px; display: block; padding: .5rem 1rem; border-radius: .25rem; } .nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link { background-color: #0070ad; border: 1px solid #0070ad; } .nav.gdpr-nav-pills .gdpr-nav-link.active { color: #ffffff; } .gdpr-tab-content .gdpr-button-wrapper { padding-top: 30px; margin-top: 30px; border-top: 1px solid #d6d6d6; } .gdpr-tab-content .gdpr-button-wrapper .btn-gdpr { background-color: #0070ad; color: #ffffff; font-size: 14px; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .gdpr-tab-content p { color: #343438; font-size: 14px; margin-top: 0; } .gdpr-tab-content h4 { font-size: 20px; margin-bottom: .5rem; margin-top: 0; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } .cli-container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .cli-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .cli-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cli-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cli-align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important; } .cli-d-flex { display: -ms-flexbox!important; display: flex!important; } .cli-px-0 { padding-left: 0; padding-right: 0; } .cli-btn { cursor: pointer; font-size: 14px; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .5rem 1.25rem; line-height: 1; border-radius: .25rem; transition: all .15s ease-in-out; } .cli-btn:hover { opacity: .8; } .cli-read-more-link { cursor: pointer; font-size: 15px; font-weight: 500; text-decoration: underline; } .cli-btn:focus { outline: 0; } .cli-modal-backdrop.cli-show { opacity: .8; } .cli-modal-open { overflow: hidden } .cli-barmodal-open { overflow: hidden } .cli-modal-open .cli-modal { overflow-x: hidden; overflow-y: auto } .cli-modal.cli-fade .cli-modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,-25%) } .cli-modal.cli-show .cli-modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0) } .cli-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; display: none; } .cli-modal-backdrop.cli-fade { opacity: 0 } .cli-modal-backdrop.cli-show { opacity: .5; display: block; } .cli-modal.cli-show { display: block; } .cli-modal a { text-decoration: none; } .cli-modal .cli-modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) } @media (min-width: 576px) { .cli-modal .cli-modal-dialog { max-width:500px; margin: 1.75rem auto; min-height: calc(100% - (1.75rem * 2)) } } @media (min-width: 992px) { .cli-modal .cli-modal-dialog { max-width: 900px; } } .cli-modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border-radius: .3rem; outline: 0 } .cli-modal .row { margin: 0 -15px; } .cli-modal .modal-body { padding: 0; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cli-modal .cli-modal-close { position: absolute; right: 10px; top: 10px; z-index: 1; padding: 0; background-color: transparent !important; border: 0; -webkit-appearance: none; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } .cli-modal .cli-modal-close:focus { outline: 0; } .cli-switch { display: inline-block; position: relative; min-height: 1px; padding-left: 70px; font-size: 14px; } .cli-switch input[type="checkbox"] { display:none; } .cli-switch .cli-slider { background-color: #e3e1e8; height: 24px; width: 50px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .cli-switch .cli-slider:before { background-color: #fff; bottom: 2px; content: ""; height: 20px; left: 2px; position: absolute; transition: .4s; width: 20px; } .cli-switch input:checked + .cli-slider { background-color: #00acad } .cli-switch input:checked + .cli-slider:before { transform: translateX(26px); } .cli-switch .cli-slider { border-radius: 34px; } .cli-switch .cli-slider:before { border-radius: 50%; } .cli-tab-content { background: #ffffff; } .cli-tab-content>.cli-active { display: block; } .cli-fade { transition: opacity .15s linear; } .cli-nav-pills { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; -ms-flex-direction: column; flex-direction: column; } .cli-nav-pills, .cli-tab-content { width: 100%; padding: 30px; } @media (max-width: 767px) { .cli-nav-pills, .cli-tab-content { padding: 30px 10px; } } .cli-nav-pills { background: #f3f3f3; } .cli-nav-pills .cli-nav-link { border: 1px solid #00acad; margin-bottom: 10px; color: #00acad; font-size: 14px; display: block; padding: .5rem 1rem; border-radius: .25rem; cursor: pointer } .cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link { background-color: #00acad; border: 1px solid #00acad; } .cli-nav-pills .cli-nav-link.cli-active { color: #ffffff; } .cli-tab-content .cli-button-wrapper { padding-top: 30px; margin-top: 30px; border-top: 1px solid #d6d6d6; } .cli-tab-content p { color: #343438; font-size: 14px; margin-top: 0; } .cli-tab-content h4 { font-size: 20px; margin-bottom: 1.5rem; margin-top: 0; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } /* Settings Popup */ .cli-container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .cli-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .cli-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cli-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; flex-direction: column; } .cli-align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important; } .cli-d-flex { display: -ms-flexbox!important; display: flex!important; } .cli-px-0 { padding-left: 0; padding-right: 0; } .cli-btn { cursor: pointer; font-size: 14px; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .5rem 1.25rem; line-height: 1; border-radius: .25rem; transition: all .15s ease-in-out; } .cli-btn:hover { opacity: .8; } .cli-read-more-link { cursor: pointer; font-size: 15px; font-weight: 500; text-decoration: underline; } .cli-btn:focus { outline: 0; } .cli-modal-backdrop.cli-show { opacity: .8; } .cli-modal-open { overflow: hidden } .cli-barmodal-open { overflow: hidden } .cli-modal-open .cli-modal { overflow-x: hidden; overflow-y: auto } .cli-modal.cli-fade .cli-modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,-25%) } .cli-modal.cli-show .cli-modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0) } .cli-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; -webkit-transform:scale(0); transform:scale(0); transition: opacity ease-in-out 0.5s; } .cli-modal-backdrop.cli-fade { opacity: 0; } .cli-modal-backdrop.cli-show { opacity: .5; -webkit-transform:scale(1); transform:scale(1); } .cli-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; transform: scale(0); overflow: hidden; outline: 0; display: none; } .cli-modal a { text-decoration: none; } .cli-modal .cli-modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) } @media (min-width: 576px) { .cli-modal .cli-modal-dialog { max-width:500px; margin: 1.75rem auto; min-height: calc(100% - (1.75rem * 2)) } } .cli-modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border-radius: .2rem; box-sizing: border-box; outline: 0 } .cli-modal .row { margin: 0 -15px; } .cli-modal .modal-body { padding: 0; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cli-modal .cli-modal-close:focus { outline: 0; } .cli-switch { display: inline-block; position: relative; min-height: 1px; padding-left: 38px; font-size: 14px; } .cli-switch input[type="checkbox"] { display:none; } .cli-switch .cli-slider { background-color: #e3e1e8; height: 20px; width: 38px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .cli-switch .cli-slider:before { background-color: #fff; bottom: 2px; content: ""; height: 15px; left: 3px; position: absolute; transition: .4s; width: 15px; } .cli-switch input:checked + .cli-slider { background-color: #61a229; } .cli-switch input:checked + .cli-slider:before { transform: translateX(18px); } .cli-switch .cli-slider { border-radius: 34px; font-size:0; } .cli-switch .cli-slider:before { border-radius: 50%; } .cli-tab-content { background: #ffffff; } .cli-nav-pills { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; -ms-flex-direction: column; flex-direction: column; } .cli-nav-pills, .cli-tab-content { width: 100%; padding:5px 30px 5px 5px; box-sizing: border-box; } @media (max-width: 767px) { .cli-nav-pills, .cli-tab-content { padding: 30px 10px; } } .cli-nav-pills { background: #fff; } .cli-nav-pills .cli-nav-link { border: 1px solid #cccccc; margin-bottom: 10px; color:#2a2a2a; font-size: 14px; display: block; padding: .5rem 1rem; border-radius: .25rem; cursor: pointer } .cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link { background-color: #f6f6f9; border: 1px solid #cccccc; } .cli-nav-pills .cli-nav-link.cli-active { color:#2a2a2a; } .cli-tab-content .cli-button-wrapper { padding-top: 30px; margin-top: 30px; border-top: 1px solid #d6d6d6; } .cli-tab-content p { color: #343438; font-size: 14px; margin-top: 0; } .cli-tab-content h4 { font-size: 20px; margin-bottom: 1.5rem; margin-top: 0; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } /* Cookie Settings In Bar */ #cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{ background: transparent; } #cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after { color:inherit; } #cookie-law-info-bar .cli-tab-header a:before { border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; } #cookie-law-info-bar .cli-row { margin-top:20px; } #cookie-law-info-bar .cli-col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } #cookie-law-info-bar .cli-col-8 { flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .cli-wrapper { max-width: 90%; float: none; margin: 0 auto; } #cookie-law-info-bar .cli-tab-content h4 { margin-bottom:0.5rem; } #cookie-law-info-bar .cli-nav-pills .cli-nav-link { padding: .2rem 0.5rem; } #cookie-law-info-bar .cli-tab-container { display:none; text-align:left; } /* Popup Footer Styles */ .cli-tab-footer .cli-btn { background-color: #00acad; padding: 10px 15px; text-decoration:none; } .cli-tab-footer .wt-cli-privacy-accept-btn { background-color: #61a229; color: #ffffff; border-radius: 0; } .cli-tab-footer { width:100%; text-align:right; padding: 20px 0; } /* version 2.0 */ .cli-col-12 { width:100%; } .cli-tab-header { display: flex; justify-content: space-between; } .cli-tab-header a:before { width: 10px; height: 2px; left: 0; top: calc(50% - 1px); } .cli-tab-header a:after { width: 2px; height: 10px; left: 4px; top: calc(50% - 5px); -webkit-transform: none; transform: none; } .cli-tab-header a:before { width: 7px; height: 7px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; content: " "; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-right:10px; } .cli-tab-header a.cli-nav-link { position: relative; display: flex; align-items: center; font-size:14px; color:#000; text-transform: capitalize; } .cli-tab-header.cli-tab-active .cli-nav-link:before { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cli-tab-header { border-radius: 5px; padding: 12px 15px; cursor: pointer; transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s; background-color:#f2f2f2; } .cli-modal .cli-modal-close { position: absolute; right: 0; top: 0; z-index: 1; -webkit-appearance: none; width: 40px; height: 40px; padding: 0; border-radius: 50%; padding: 10px; background: transparent; border:none; min-width: 40px; } .cli-tab-container h4,.cli-tab-container h1 { font-family: inherit; font-size: 16px; margin:10px 0; } #cliSettingsPopup .cli-tab-section-container { padding-top: 12px; } .cli-tab-container p ,.cli-privacy-content-text{ font-size: 14px; line-height: 1.4; margin-top: 0; padding: 0; color: #000; } .wt-cli-privacy { display:none; } .cli-tab-content { display:none; } .cli-tab-section .cli-tab-content { padding: 10px 20px 5px 20px; } .cli-tab-section { margin-top:5px; } @media (min-width: 992px) { .cli-modal .cli-modal-dialog { max-width: 645px; } } .cli-switch .cli-slider:after{ content: attr(data-cli-disable); position: absolute; right: 50px; color: #000; font-size:12px; text-align:right; min-width: 80px; } .cli-switch input:checked + .cli-slider:after { content: attr(data-cli-enable); } .cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content { max-height: 60px; transition: max-height 0.15s ease-out; overflow: hidden; } a.cli-privacy-readmore { font-size: 12px; margin-top: 12px; display: inline-block; padding-bottom: 0; cursor: pointer; color:#000; text-decoration: underline; } .cli-modal-footer { position: relative; } a.cli-privacy-readmore:before { content: attr(data-readmore-text); } .cli-collapsed a.cli-privacy-readmore:before { content: attr(data-readless-text); } .cli-collapsed .cli-privacy-content { transition: max-height 0.25s ease-in; } .cli-privacy-content p { margin-bottom:0; } .cli-modal-close svg { fill: #000; } span.cli-necessary-caption { color: #000; font-size: 12px; } .cli-tab-section.cli-privacy-tab { display: none; } #cookie-law-info-bar .cli-tab-section.cli-privacy-tab { display: block; } #cookie-law-info-bar .cli-privacy-overview { display: none; } .cli-tab-container .cli-row { max-height: 500px; overflow-y: auto; } .cli-modal.cli-blowup.cli-out { z-index: -1; } .cli-modal.cli-blowup { z-index: 999999; transform: scale(1); } .cli-modal.cli-blowup .cli-modal-dialog { animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .cli-modal.cli-blowup.cli-out .cli-modal-dialog { animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } @keyframes blowUpContent { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowUpContentTwo { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(0); opacity: 0; } } .cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th { font-size: 12px; } .cli_settings_button { cursor: pointer; } /* Accessibility Fix */ .wt-cli-sr-only { display: none; font-size:16px; } /* Changes for CCPA Version : 1.8.9 */ a.wt-cli-element.cli_cookie_close_button { text-decoration: none; color: #333333; font-size: 22px; line-height: 22px; cursor: pointer; position: absolute; right: 10px; top: 5px; } /* GDPR Bar Version 2 */ .cli-bar-container{ float: none; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .cli-bar-btn_container { margin-left: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: nowrap; } .cli-style-v2 a { cursor: pointer; } .cli-bar-btn_container a { white-space: nowrap; } .cli-style-v2 .cli-plugin-main-link { font-weight:inherit; } .cli-style-v2 { font-size: 11pt; line-height: 18px; font-weight:normal; } #cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{ display: block; } .cli-style-v2 .cli-bar-message { width: 70%; text-align: left; } #cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message { width:100%; } #cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container { margin-top:8px; margin-left: 0px; flex-wrap: wrap; } /* #cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-message { text-align: center; } */ #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container { margin-top:8px; margin-left: 0px; } #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{ text-align: left; /* padding-left: 15px; */ margin-bottom: 5px; margin-top: 0px; font-size: 16px; } /* #cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container.cli-style-v2 { padding-left: 0px; padding-right: 0px; } */ .cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox { margin-top: 5px; } .cli-style-v2 .cli-bar-btn_container .cli_action_button , .cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link, .cli-style-v2 .cli-bar-btn_container .cli_settings_button { margin-left: 5px; } .wt-cli-ccpa-checkbox label { font-size: inherit; cursor: pointer; margin: 0px 0px 0px 5px; } /* .cli-bar-container.cli-style-v2 { padding-left: 15px; padding-right: 15px; padding-top: 2px; padding-bottom: 2px; } */ #cookie-law-info-bar[data-cli-style="cli-style-v2"] { padding: 14px 25px; } #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"] { padding:32px 30px; } #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] { padding: 32px 45px; } .cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){ text-decoration: underline; } .cli-style-v2 .cli-bar-btn_container .cli-plugin-button { margin-top: 5px; margin-bottom: 5px; } a.wt-cli-ccpa-opt-out { white-space: nowrap; text-decoration: underline; } .wt-cli-necessary-checkbox { display: none !important; } @media (max-width: 985px) { .cli-style-v2 .cli-bar-message { width:100%; } .cli-style-v2.cli-bar-container { justify-content:left; flex-wrap: wrap; } .cli-style-v2 .cli-bar-btn_container { margin-left:0px; margin-top: 10px; } #cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] { padding: 25px 25px; } } /* Settings popup footer section */ .wt-cli-ckyes-brand-logo { display: flex; align-items: center; font-size: 9px; color: #111111; font-weight: normal; } .wt-cli-ckyes-brand-logo img{ width: 65px; margin-left: 2px; } .wt-cli-privacy-overview-actions { padding-bottom:0; } @media only screen and (max-width: 479px) and (min-width: 320px){ .cli-style-v2 .cli-bar-btn_container { flex-wrap: wrap; } } /* Fix: HTML validation error due to the enclosing of

tags on category description */ .wt-cli-cookie-description { font-size: 14px; line-height: 1.4; margin-top: 0; padding: 0; color: #000; } /* * Plugin: Shortcodes Indep * Author: ThemesIndep * Copyright: ThemesIndep, 2013 * License: GNU General Public License version 3.0 * License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* -- ACCORDION ------------------------- */ .sc-accordion { margin-bottom: 18px; } .sc-accordion .trigger { display: block; position:relative; color: #444; padding: 21px 0 18px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1em; line-height: 1.5em; text-decoration: none; margin-top: -1px; } .sc-accordion .trigger:hover { color:#777; } .sc-accordion .trigger:after, .sc-accordion .trigger.active:after{ position:absolute; top:15px; left:0; font:normal 32px "Courier New", Courier, monospace; } .sc-accordion .trigger:after { content:"+"; } .sc-accordion .trigger.active:after { content:"-"; } .sc-accordion .trigger.active:hover { color: #000; } .sc-accordion .content { display: none; color: #555; overflow: hidden; padding: 18px 0 21px 30px; border-bottom: 1px solid #000; border-top: 0; } /* -- Buttons ------------------------- */ .sc-button { font-size: 14px; display: inline-block; text-decoration: none; margin-bottom: 4px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .sc-button span{ display: block; padding: 1.2em 1.5em; line-height: 0.9em; font-weight: bold; white-space: nowrap; } .sc-button:hover { opacity:0.7; } /* -- Info Box & Image Box ------------------------- */ .sc-dropcap { font-size: 70px; float: left; line-height: 60px; padding: 4px 12px 0 0; } /* -- Info Box & Image Box ------------------------- */ .sc-box { padding: 12px; margin-bottom: 18px; } .sc-box.opacity-on { background-image: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.8))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.08) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14ffffff', endColorstr='#14ffffff',GradientType=0 ); } .sc-box.content-white, .sc-box.content-white h2 { color: #fff; } .sc-box.content-white .inner { border: 1px solid #fff; } .sc-box.content-white .sep{ background-color:#fff; } .sc-box.content-black { color: #000; } .sc-box.content-black .inner { border: 1px solid #000; } .sc-box.content-black .sep{ background-color:#000; } .sc-box .inner{ padding-left: 60px; padding-right: 60px; text-align: center; position: relative; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .sc-box.content-white .inner:hover, .sc-box.content-black .inner:hover{ opacity: 0.5; } .sc-box h2{ font-size: 32px !important; font-weight:bold; line-height: 38px !important; margin: 0 !important; padding: 0 !important; } .sc-box span{ display: block; font-size: 18px; } .sc-box .sep{ height: 1px; padding:0; margin: 18px auto 16px; width:30%; } .sc-box a.sc-link{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* -- Image Box ------------------------- */ .sc-box.sc-image.content-white, .sc-box.sc-image.content-black { background-size: cover; background-position: center; max-width: 1050px; } .sc-image.content-white { background: #000; } .sc-image.content-black { background: #fff; } .sc-image.content-white .inner:hover{ background: #000; border:1px solid #000; opacity: 0.8; } .sc-image.content-black .inner:hover{ background: #fff; border:1px solid #fff; opacity: 0.9; } /* -- Info Box & Buttons Colors ------------------------- */ .color-black span, .color-black:hover { color: #000; } .color-white span, .color-white:hover { color: #fff; } .bg-red { background-color: #fe6969; } .bg-pink { background-color: #f15ac0; } .bg-orange { background-color: #ffb105; } .bg-yellow { background-color: #face00; } .bg-green { background-color: #00deaf; } .bg-teal { background-color: #00babe; } .bg-blue { background-color: #0faded; } .bg-purple { background-color: #664c66; } .bg-brown { background-color: #cccbad; } .bg-gray { background-color: #ddd; } .bg-black { background-color: #111; } /* -- Columns ------------------------- */ .sc-columns { margin-left: -2%; } .sc-columns div.col{ float: left; margin-left: 2%; margin-bottom: 18px; } .sc-columns div.col img{ max-width: 100%; height: auto; display: block; margin: auto; } .sc-columns.half div.col{ width: 48%; } .sc-columns.third div.col { width: 31.33%; } .sc-columns.fourth div.col { width: 23%; } .sc-columns.two-thirds-and-third div.col:first-child{ width: 64.67%; } .sc-columns.two-thirds-and-third div.col{ width: 31.33%; } .sc-columns.third-and-two-thirds div.col:first-child{ width: 31.33%; } .sc-columns.third-and-two-thirds div.col{ width: 64.67%; } /* -- Tabs ------------------------- */ .sc-tabs { margin-bottom: 18px; border-top: 3px solid #000; border-bottom: 1px solid #ddd; } .sc-tabs .tabs-nav { display: block; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #ddd; } .sc-tabs .tabs-nav li { display: block; float: left; width: auto; margin: 0 !important; padding: 10px 0 0 !important; outline: none; list-style: none !important; } .sc-tabs .tabs-nav li a { display: block; width: auto; line-height: 40px; margin: 0 0 0 30px; font-size: 1em; text-decoration: none; color: #777; outline:none; } .sc-tabs .tabs-nav li:first-child a { margin-left: 0; } .sc-tabs .tabs-nav li a:hover { color: #222; } .sc-tabs .tabs-nav a.current { background: #fff; height: 45px; position: relative; color: #222; border-bottom: 3px solid #000; } .sc-tabs .tabs-nav a.current:hover { background: #fff; } .sc-tabs .tab-content { padding: 18px 0; background: #fff; } /* -- Title ------------------------- */ .sc-title { text-align: center; margin-bottom: 30px; text-transform: uppercase; } .sc-title .title { font-size: 50px !important; line-height: 120% !important; margin-bottom: 0 !important; } .sc-title .title span { display: inline-block; background: #fff; padding: 0 20px; } .sc-title .sub-title { font-size: 18px; letter-spacing: 0.2em; color: #8c919b; } /* -- Authors ------------------------- */ .sc-authors { margin: 0; padding: 0 !important; margin-left: -2%; } .sc-authors li { float:left; width:31.33%; list-style: none !important; text-align:center; padding: 0 !important; margin-left: 2%; } .author-avatar{ text-align:center; } .sc-authors li h2 { margin-bottom:0 !important; font-size:18px !important; text-transform: uppercase; } .sc-authors li h2 a { text-decoration:none; } /* -- Separator ------------------------- */ .sc-separator { margin: 15px 0 30px; } .sc-separator.type-thin { border-top: 1px solid #8c919b; } .sc-separator.type-thick { border-top: 3px solid #8c919b; } .sc-separator.type-space { clear: both; height: 1px; margin:30px 0 50px; } /* -- Clear Floats ------------------------- */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media only screen and (max-width: 800px) { /* -- Columns & Authors ------------------------- */ .sc-columns, .sc-authors { margin-left: 0; } .sc-columns div.col, .sc-authors li { float: none; margin-left: 0; width:100% !important; } } @media only screen and (min-width: 800px) { /* -- Vertcal Tabs Layout Media Query ------------------------- */ .sc-tabs.tabs-vertical .tabs-nav{ float: left; width: 30%; border-right: 1px solid #ddd; border-bottom: 0; padding: 40px 50px 50px 0 !important; } .sc-tabs.tabs-vertical .tabs-nav li { float: none; display: block; padding: 0 !important; height: 45px; border-bottom: 1px solid #ddd; } .sc-tabs.tabs-vertical .tabs-nav li a { height: 45px; line-height: 48px; margin: 0; } .sc-tabs.tabs-vertical .panes { float: left; width: 62.6%; } .sc-tabs.tabs-vertical .tab-content { padding: 50px; border-left: 1px solid #ddd; margin-left: -1px; } } /* Theme Name: soledad Theme URI: http://pencidesign.com/ Description: A Multi-Concept Blog/Magazine WordPress Theme Author: PenciDesign Author URI: http://pencidesign.com/ Version: 3.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, green, white, light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, post-formats, translation-ready Text Domain: soledad Domain Path: /languages */ /*--------------------------------------------------- [TABLE OF CONTENTS] 1 - Import Fonts + Raleway font + PT Serif font + FontAwesome 2 - Magnific Popup library 3 - Slick carousel library & flexslider library 4 - Reset 5 - General 6 - Top bar & Navigation & Mega menu & Mobile Navigation 7 - Top Search 8 - Header 9 - Header social & slogan text 10 - Featured Slider & Penci Slider & Penci Magazine Slider 11 - Homepage title 12 - Standard style 13 - Classic style 14 - Gird style 15 - Masonry style 16 - Standard Masonry Style 17 - List style 18 - List Boxed style 1 & style 2 19 - Typography style 20 - Magazine style 21 - Post & Single post + Post Header + Slick Gallery + Post Entry + Gird post share + Post tags & share box + Post author + Post Pagination + Post related 22 - Page Under Construction 23 - Page navigation 24 - Footer + Footer Socials + Footer Footer Logo & copyright + Footer go to top 25 - Widgets 26 - Comments 27 - Archives 28 - Breadcrumb 29 - Page Header 30 - Wordpress style of core 31 - Page 404 32 - Responsive Design /* --------------------------------------------------- [COLORS USED] Background: #ffffff (white) Color: #313131 (light black) Link: #6eb48c Accent color: #6eb48c ------------------------------------------------------ [FONTS USED] Body font: PT Serif, serif Heading font: Raleway, sans-serif Navigation font: Raleway, sans-serif -----------------------------------------------------*/ /* = Import font -----------------------------------------------------*/ /** Raleway font **/ @import url(//fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900,200,100); /** PT Serif font **/ @import url(//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic); /** Playfair Display SC **/ @import url(//fonts.googleapis.com/css?family=Playfair+Display+SC:900); /* = FontAwesome * Font Awesome 4.6.3 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('https://mikuta.nu/wp-content/themes/soledad/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('https://mikuta.nu/wp-content/themes/soledad/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('https://mikuta.nu/wp-content/themes/soledad/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('https://mikuta.nu/wp-content/themes/soledad/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('https://mikuta.nu/wp-content/themes/soledad/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('https://mikuta.nu/wp-content/themes/soledad/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;font-display: swap; }.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-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"}.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} /* = Magnific Popup -----------------------------------------------------*/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9999999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:9999999;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-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{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.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:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.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{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.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:#000}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:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;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){.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} /* = Slick slider/carousel library -----------------------------------------------------*/ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-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)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} /* = Import library flexslider css We develop based on jQuery flexslider http://www.woothemes.com/flexslider/ -----------------------------------------------------*/ .penci-container a:hover,.penci-slider a:hover,.penci-container a:focus,.penci-slider a:focus{outline:none}.slides,.slides > li,.penci-control-nav,.penci-direction-nav{margin:0;padding:0;list-style:none}.penci-pauseplay span{text-transform:capitalize}.penci-slider{margin:0;padding:0}.penci-slider .slides > li{display:none;-webkit-backface-visibility:hidden}.penci-slider .slides img{width:100%;display:block}.penci-slider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .penci-slider .slides{display:block}* html .penci-slider .slides{height:1%}.no-js .penci-slider .slides > li:first-child{display:block}.penci-slider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);-o-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2)}.penci-slider .slides{zoom:1}.penci-slider .slides img{height:auto}.penci-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .penci-viewport{max-height:300px}.carousel li{margin-right:5px}.penci-direction-nav{*height:0}.penci-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.penci-direction-nav a:before{font-family:"penci-slider-icon";font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3)}.penci-direction-nav a.penci-next:before{content:'\f002'}.penci-direction-nav .penci-prev{left:-50px}.penci-direction-nav .penci-next{right:-50px;text-align:right}.penci-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.penci-pauseplay a:before{font-family:"penci-slider-icon";font-size:20px;display:inline-block;content:'\f004'}.penci-pauseplay a:hover{opacity:1}.penci-pauseplay a.penci-play:before{content:'\f003'}.penci-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.penci-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.penci-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.penci-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.penci-control-paging li a.penci-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.penci-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.penci-control-thumbs li{width:25%;float:left;margin:0}.penci-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.penci-control-thumbs img:hover{opacity:1}.penci-control-thumbs .penci-active{opacity:1;cursor:default}@media screen and (max-width: 860px){.penci-direction-nav .penci-prev{opacity:1;left:10px}.penci-direction-nav .penci-next{opacity:1;right:10px}} /* = Gallery -----------------------------------------------------*/ @-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px} /* = Reset -----------------------------------------------------*/ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; } *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal } ol, ul, li { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } q:before, q:after { content: '' } strong { font-weight: bold } em { font-style: italic } img { max-width: 100%; vertical-align: top; height: auto; } a img { border: none } iframe { border: none; max-width: none; } .penci-center { text-align: center; } /* = General -----------------------------------------------------*/ html, body { -webkit-font-smoothing: antialiased; } body { font-family: 'PT Serif', serif; color: #313131; background-color: #FFF; font-size: 14px; } textarea { font-family: 'PT Serif', serif; min-height: 100px; } p { font-size: 14px; line-height: 28px; } a { text-decoration: none; color: #6eb48c; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; outline: none; cursor: pointer; } a:hover { } h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-style: normal; letter-spacing: 1px; font-weight: bold; } .container { width: 1050px; margin: 0 auto; } #main { width: 100%; } .container.penci_sidebar #main { width: 70.94%; padding-right: 50px; float: left; } .container.penci_sidebar.left-sidebar #main { float: right; padding: 0 0 0 60px; } #sidebar { width: 29.06%; float: right; } .penci_sidebar.left-sidebar #sidebar { float: left; } #sidebar.penci-sticky-sidebar.is-sticky { margin-top: 75px; } .admin-bar #sidebar.penci-sticky-sidebar.is-sticky { margin-top: 107px; } #penci-end-sidebar-sticky { margin-top: -300px; padding-top: 300px; } .clear-footer { height: 1px; margin-bottom: 29px; clear: both; display: block; width: 100%; } .clearfix { clear: both; } /** Body boxed **/ .wrapper-boxed { overflow: hidden; } body.penci-body-boxed { background: #F5F5F5; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .wrapper-boxed.enable-boxed { background: #fff; max-width: 1230px; display: block; margin: 0 auto; overflow: hidden; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); } /* = Top Bar -----------------------------------------------------*/ .penci-top-bar { height: 40px; background: #313131; } .penci-top-bar .container { display: table; } .penci-headline { display: block; } .headline-title { height: 40px; line-height: 40px; padding: 0 15px; font-size: 12px; color: #fff; background: #6eb48c; float: left; text-transform: uppercase; font-family: 'Raleway', sans-serif; z-index: 10; position: relative; display: inline-block; font-weight: bold; } .penci-headline-posts { margin: 0 15px 0 49px; padding-top: 10px; } .penci-headline-posts .slick-prev, .penci-headline-posts .slick-next { width: 16px; height: 20px; border: none; background: none; display: inline-block; text-align: center; line-height: 20px; top: 10px; left: -54px; outline: none; cursor: pointer; position: absolute; color: #999; opacity: 0; font-size: 18px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; padding: 0; } .penci-headline-posts .slick-next { left: -32px; } .penci-headline-posts .slick-prev:hover, .penci-headline-posts .slick-next:hover { color: #fff; } a.penci-topbar-post-title { color: #fff; font-size: 12px; font-family: 'Raleway', sans-serif; text-decoration: none; text-transform: uppercase; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; opacity: 0; letter-spacing: 1px; display: inline-block; white-space: nowrap; line-height: 1.5; font-weight: bold; } a.penci-topbar-post-title:hover { color: #6eb48c; } .loaded .penci-headline-posts .slick-prev, .loaded .penci-headline-posts .slick-next, .loaded a.penci-topbar-post-title { opacity: 1; } .penci-topbar-social { display: inline-block; float: right; z-index: 10; position: relative; } .penci-topbar-social > div { display: inline-block; vertical-align: top; } .penci-topbar-social a { float: left; display: inline-block; vertical-align: top; margin-left: 13px; font-size: 14px; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 40px; } .penci-topbar-social a:first-child { margin-left: 0; } .penci-topbar-social a:hover { color: #6eb48c; } /* = Topbar Menu -----------------------------------------------------*/ ul.penci-topbar-menu, div.penci-topbar-menu > ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; } ul.penci-topbar-menu li, div.penci-topbar-menu > ul li { position: relative; } ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li { display: inline-block; float: left; margin-right: 25px; } ul.penci-topbar-menu > li:last-child, div.penci-topbar-menu > ul > li:last-child { margin-right: 0; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: none; font-size: 11px; text-transform: uppercase; line-height: 40px; font-family: 'Raleway', sans-serif; font-weight: 600; } ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: #6eb48c; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { display: none; position: absolute; left: 0; top: 40px; background: #313131; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); } ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu { display: block; z-index: 5; } ul.penci-topbar-menu li:hover ul.sub-menu ul.sub-menu, div.penci-topbar-menu > ul li:hover ul.sub-menu ul.sub-menu { left: 100%; top: 0; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a { width: 150px; padding: 10px 0; margin: 0 20px; line-height: 1.7; display: block; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a, ul.penci-topbar-menu > li > ul.sub-menu > li:first-child, div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child { border-top: 1px solid #414141; } ul.penci-topbar-menu ul.sub-menu > li:first-child > a, div.penci-topbar-menu > ul ul.sub-menu li:first-child > a { border-top: none; } /* = Navigation -----------------------------------------------------*/ #navigation { background: #fff; height: 60px; z-index: 9999; width: 100%; -webkit-backface-visibility: hidden; transition: box-shadow 0.3s, border-color 0.3s; -webkit-transition: box-shadow 0.3s, border-color 0.3s; -moz-transition: box-shadow 0.3s, border-color 0.3s; border-bottom: 1px solid #ECECEC; } #navigation.header-layout-bottom { box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; border-top: 1px solid #ECECEC; } #navigation.header-1, #navigation.header-4 { border-top: 1px solid transparent !important; } .is-sticky #navigation { box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); border-color: transparent !important; } .wrapper-boxed.enable-boxed .is-sticky #navigation { margin: 0 auto; left: 0; right: 0; width: 100%; max-width: 1230px; } .slicknav_menu { display: none; } #navigation .container { position: relative; display: table; text-align: center; } #navigation .container .inner-top-navigation{ display: inline-block; vertical-align: top; } #navigation .menu { float: left; } #navigation.header-4 .menu, #navigation.header-5 .menu, #navigation.header-4 #top-search, #navigation.header-5 #top-search{ float: none; vertical-align: top; } #navigation.header-4 #top-search, #navigation.header-5 #top-search { margin-left: 40px; display: inline-block; } #navigation ul.menu > li, #navigation .menu > ul > li{ display: inline-block; position: relative; float: left; margin-right: 44px; } #navigation .menu > li:last-child, #navigation .menu > ul > li:last-child { margin-right: 0; } #navigation .menu li a { font-family: 'Raleway', sans-serif; font-size: 12px; letter-spacing: 1px; color: #313131; line-height: 58px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; position: relative; font-weight: bold; text-decoration: none; } #navigation .menu li a i { font-size: 13px; margin-right: 5px; } #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { content: ""; position: absolute; bottom: 18px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; left: 50%; height: 2px; width: 0; background: #6eb48c; } #navigation ul.menu > li > a:hover:before, #navigation .menu > ul > li > a:hover:before, #navigation ul.menu > li:hover > a:before, #navigation .menu > ul > li:hover > a:before{ left: 0; width: 100%; } #navigation .menu li a:hover, #navigation .menu li:hover > a, #navigation .menu li.current-menu-item > a, #navigation .menu > li.current_page_item > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a { color: #6eb48c; } #navigation .button-menu-mobile{ display: none; float: left; line-height: 60px; text-align: center; color: #313131; font-size: 24px; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #navigation .button-menu-mobile:hover { } /* header style 6 */ #navigation.header-6 { height: 82px; } #navigation.header-6 .container { text-align: right; } #navigation.header-6 .menu { float: none; } #navigation.header-6 #logo { float: left; display: block; text-align: left; } #navigation.header-6 #logo img { padding: 12px 0; max-height: 80px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #navigation.header-6 .menu > li > a, #navigation.header-6 ul.menu > li > a { line-height: 80px; } #navigation.header-6 ul.menu > li > a:before, #navigation.header-6 .menu > ul > li > a:before { bottom: 29px; } #navigation.header-6 .show-search { height: 80px; } #navigation.header-6 #top-search { margin-left: 40px; } #navigation.header-6 #top-search > a, #navigation.header-6 .show-search a.close-search { height: 80px; line-height: 80px; } #navigation.header-6 .show-search #searchform input.search-input { height: 80px; padding: 26px 35px 26px 0; } /* Scroll header 6 */ .is-sticky #navigation.header-6 { height: 60px; } .is-sticky #navigation.header-6 #logo img { max-height: 58px; padding: 8px 0; } .is-sticky #navigation.header-6 .menu > li > a, .is-sticky #navigation.header-6 ul.menu > li > a { line-height: 58px; } .is-sticky #navigation.header-6 ul.menu > li > a:before, .is-sticky #navigation.header-6 .menu > ul > li > a:before { bottom: 18px; } .is-sticky #navigation.header-6 .show-search { height: 58px; } .is-sticky #navigation.header-6 #top-search > a, .is-sticky #navigation.header-6 .show-search a.close-search { height: 58px; line-height: 58px; } .is-sticky #navigation.header-6 .show-search #searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } /* Primary menu dropdown */ #navigation .menu .sub-menu, #navigation .menu .children { visibility: hidden; opacity: 0; position: absolute; left: 0; z-index: 9999; -webkit-transition: all 0.27s ease-in-out; -moz-transition: all 0.27s ease-in-out; -o-transition: all 0.27s ease-in-out; transition: all 0.27s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); border-top: 1px solid #ECECEC; margin-top: 0; } #navigation ul.menu ul a, #navigation .menu ul ul a { margin: 0 20px; padding: 12px 0; font-size: 12px; min-width: 200px; line-height: 1.4; -moz-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; border-bottom: 1px solid #E0E0E0; text-align: left; border-left: none !important; position: relative; overflow: hidden; vertical-align: top; } #navigation ul.menu ul li, #navigation ul.menu ul ul li { padding-right: 0; margin-right: 0; background: #fff; float: none; position: relative; width: 100%; } #navigation .menu ul.sub-menu > li:last-child > a { border-bottom: none; padding-bottom: 15px; } #navigation ul.menu li:hover > ul, #navigation .menu ul li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } #navigation .menu .sub-menu ul, #navigation .menu .children ul { left: 100%; top: 0; } /* Category mega menu */ #navigation .menu li.penci-mega-menu { position: static !important; } li.penci-mega-menu > ul.sub-menu { display: none; } #sidebar-nav li.penci-mega-menu .penci-content-megamenu { display: none !important; } #navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; padding: 0 !important; clear: both; display: block; } #navigation .penci-megamenu { width: 100%; display: table; } #navigation .penci-megamenu .penci-mega-child-categories { width: 230px; display: table-cell; vertical-align: top; background: #ffffff; padding: 20px 0; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #ECECEC; } #navigation .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; font-size: 12px; text-align: right; line-height: 1.4em; margin: 0; padding: 12px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #ECECEC; border-bottom-color: #ECECEC; background: #fff; color: #6eb48c; z-index: 10; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; z-index: 1; transition: none; -webkit-transition: none; -moz-transition: none; } #navigation .penci-megamenu .penci-content-megamenu { display: table-cell; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 20px 10px 0 10px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row { width: 100%; display: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row.row-active { display: inline-block; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 20%; padding: 0 10px; float: left; margin-bottom: 15px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n+1) { clear: both; } #navigation .penci-megamenu .penci-mega-thumbnail { display: block; margin: 0 0 17px 0; position: relative; } #navigation .penci-megamenu .penci-mega-thumbnail a { width: 100%; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: #6eb48c; line-height: 1; text-transform: uppercase; position: absolute; display: inline-block; padding: 4px 7px 3px; color: #fff; top: 0; left: 0; letter-spacing: 1px; z-index: 3; font-weight: normal; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a { margin: 0; padding: 0; min-width: 0; border-bottom: none; position: relative; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover { opacity: 0.8; } #navigation .penci-megamenu .penci-mega-thumbnail img { width: 100%; height: auto; } #navigation .penci-megamenu .post-mega-title { text-align: center; margin: 0; } #navigation .penci-megamenu .post-mega-title a { text-align: center; } #navigation .penci-megamenu .penci-mega-date { line-height: 1; font-size: 12px; color: #999; text-align: center; margin-top: 6px; } /* = Mega menu columns ----------------------------------------------------*/ #navigation ul.menu > li.megamenu { position: static; } #navigation ul.menu > li.megamenu > ul.sub-menu { width: 1170px; padding: 15px 0; display: table; table-layout: fixed; background: #fff; left: 0; } #navigation ul.menu > li.megamenu > ul.sub-menu > li { min-width: 200px; max-width: 300px; display: table-cell; vertical-align: top; padding: 0 5px; margin: 0; position: relative; } #navigation ul.menu > li.megamenu > ul.sub-menu > li:before { left: 0; content: ""; position: absolute; top: 15px; bottom: 15px; width: 1px; display: block; background: #E0E0E0; } #navigation ul.menu > li.megamenu > ul.sub-menu > li:first-child:before { content: none; display: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > a { margin: 0 20px; border-bottom: 1px solid #E0E0E0; display: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { visibility: visible; opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position: static; border: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li, #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li a { display: block; } /* = Mobile navigation -----------------------------------------------------*/ #sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 100000; width: 270px; overflow-y: auto; padding: 30px 20px 20px; background: #ffffff; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } .open-sidebar-nav #sidebar-nav { left: 270px; } #sidebar-nav::-webkit-scrollbar { width: 6px; background: #848484; } #sidebar-nav::-webkit-scrollbar-thumb { background-color: #313131; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } #sidebar-nav::-webkit-scrollbar-corner { background-color: #DEDEDE; } #sidebar-nav-logo { padding: 0 20px 20px; text-align: center; margin: 0 0 15px 0; position: relative; } #sidebar-nav-logo:before { content: ""; width: 60px; height: 1px; background: #6eb48c; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .header-social.sidebar-nav-social { margin: 0 0 43px 0; padding: 0 10px; } .header-social.sidebar-nav-social .inner-header-social:before, .header-social.sidebar-nav-social .inner-header-social:after{ content: none; } .header-social.sidebar-nav-social a i { color: #313131; } .header-social.sidebar-nav-social a i:hover { color: #6eb48c; } #sidebar-nav .menu { margin: 0; list-style: none; } #sidebar-nav .menu li { display: block; border-bottom: 1px solid #DEDEDE; } #sidebar-nav .menu > li:last-child, #sidebar-nav .menu ul > li:last-child { border-bottom: none; } #sidebar-nav .menu li a { font-size: 14px; font-weight: normal; letter-spacing: 0; text-transform: uppercase; color: #313131; margin: 0; position: relative; padding: 12px 0 12px 0; display: block; line-height: 1.3em; } #sidebar-nav .menu li.menu-item-has-children a { padding-right: 17px; } #sidebar-nav .menu li a:hover { color: #6eb48c; } #sidebar-nav .menu li a > i { display: none; } #sidebar-nav ul.sub-menu { border-top: 1px solid #DEDEDE; display: none; padding: 10px 0 10px 12px; } #sidebar-nav ul.sub-menu ul.sub-menu { border: none; padding: 5px 0 5px 12px; } #sidebar-nav ul.sub-menu ul.sub-menu { padding-right: 0; } #sidebar-nav ul.sub-menu li { overflow: hidden; border: none; } #sidebar-nav ul.sub-menu li a { margin: 0 0 0 0; padding: 10px 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #sidebar-nav .menu li a .indicator { text-decoration: none; position: absolute; top: 0; right: 0; height: 100%; z-index: 20; font-size: 17px; font-style: normal; text-align: right; padding: 11px 0 11px 5px; line-height: 1; color: #313131; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #sidebar-nav .menu .sub-menu li a .indicator { padding: 8px 0 8px 5px; } #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover { color: #6eb48c; } .fa-angle-double-up:before { content: "\f102"; } #close-sidebar-nav { position: fixed; visibility: hidden; opacity: 0; text-decoration: none; top: 0; left: 0; font-size: 1.4em; color: #313131; padding: 10px; height: 100%; background: rgba(0, 0, 0, .8); right: 0; z-index: 100000; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .open-sidebar-nav #close-sidebar-nav { left: 270px; opacity: 1; visibility: visible; } #close-sidebar-nav i { display: none; width: 24px; height: 24px; background-color: #fff; line-height: 24px; text-align: center; border-radius: 12px; font-size: 14px; } /* = Search -----------------------------------------------------*/ .wrap-social-search { display: inline-block; vertical-align: top; } #top-search { float: right; width: 20px; text-align: center; } #top-search.shoping-cart-icon { margin-right: 15px; } #top-search.shoping-cart-icon.clear-right, #navigation.header-4 #top-search.shoping-cart-icon, #navigation.header-5 #top-search.shoping-cart-icon, #navigation.header-6 #top-search.shoping-cart-icon { margin-right: 0; } #top-search > a { height: 58px; font-size: 16px; line-height: 58px; color: #313131; cursor: pointer; background: none; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search > a:hover { } #top-search > a > i { width: 20px; } #top-search.shoping-cart-icon > a { position: relative; } #top-search.shoping-cart-icon > a > i { font-size: 17px; } #top-search.shoping-cart-icon > a > span { position: absolute; z-index: 1; width: 14px; height: 14px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; top: 12px; right: -4px; background: #6eb48c; color: #fff; text-align: center; white-space: nowrap; line-height: 14px; font-size: 8px; font-family: 'PT Serif', serif; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 23px; } .is-sticky #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 12px; } #top-search .fa-shopping-bag:before { content: "\f07a"; font-family: FontAwesome; } .show-search { position: absolute; left: 0; width: 100%; top: 0; height: 58px; background: #fff; text-align: left; z-index: 3; display: none; } .show-search #searchform input.search-input { padding: 15px 35px 15px 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; color: #313131; height: 58px; line-height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; font-weight: normal; letter-spacing: 1px; font-size: 13px; } .show-search a.close-search { position: absolute; width: 20px; height: 60px; display: inline-block; right: 0; top: 0; z-index: 5; text-align: center; line-height: 60px; font-size: 16px; cursor: pointer; color: #313131; } /* = Header -----------------------------------------------------*/ #header { margin-bottom: 60px; position: relative; } .header-header-1.has-bottom-line, .header-header-4.has-bottom-line { border-bottom: 1px solid #ECECEC; } #header .inner-header { width: 100%; background-size: cover; position: relative; background-position: center center; background-repeat: no-repeat; } #header .inner-header .container { padding: 40px 0; text-align: center; position: relative; overflow: hidden; } #logo { text-align: center; } .container.align-left-logo #logo { text-align: left; } .container.has-banner #logo { display: table-cell; vertical-align: middle; width: 400px; } .container.has-banner .header-banner { display: table-cell; vertical-align: middle; width: 770px; text-align: right; } /* = Header social & slogan text -----------------------------------------------------*/ .header-slogan { margin: 17px 0 0 0; text-align: center; line-height: 1; } .header-slogan .header-slogan-text { margin: 0; font-size: 14px; font-weight: bold; line-height: 1.5; font-style: italic; color: #313131; display: inline-block; position: relative; font-family: 'PT Serif', serif; padding: 0 15px; letter-spacing: 1px; vertical-align: top; } .header-slogan .header-slogan-text:before, .header-slogan .header-slogan-text:after { content: ""; position: absolute; top: 50%; height: 1px; display: block; width: 60px; background: #313131; left: 100%; } .header-slogan .header-slogan-text:before { left: auto; right: 100%; } .header-social { display: block; text-align: center; margin: 20px 0 0; } .header-social .inner-header-social { display: inline-block; vertical-align: top; position: relative; } .header-social a { float: left; display: inline-block; vertical-align: top; margin-right: 13px; } .header-social a:last-child { margin-right: 0; } .header-social a i { font-size: 14px; color: #313131; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .header-social a:hover i{ color: #6eb48c; } /* = Featured Slider -----------------------------------------------------*/ .featured-area { margin-top: -50px; margin-bottom: 60px; position: relative; background: #fafafa url('https://mikuta.nu/wp-content/themes/soledad/images/loading.gif') no-repeat center center; } .header-style-header-1 .featured-area, .header-style-header-4 .featured-area, .header-style-header-1 .featured-area.featured-video, .header-style-header-4 .featured-area.featured-video { margin-top: -60px; } .featured-area > div { visibility: hidden; } .featured-area.loaded-wait > div { visibility: visible; } .featured-area.style-1, .featured-area.style-4 { width: 1170px; margin-left: auto; margin-right: auto; } .featured-area.style-4, .featured-area.style-5 { min-height: 550px; } .featured-area.style-4.loaded, .featured-area.style-5.loaded, .featured-area.style-10, .featured-area.style-11 { min-height: 0 !important; } .featured-area.loaded-wait { background: none; } .featured-area .featured-carousel { display: block; width: 100%; max-height: 600px; } .featured-area .featured-carousel.style-2 { max-height: 510px; } .featured-area.loaded .featured-carousel { max-height: none !important; } .featured-carousel .item { position: relative; opacity: 1; } @-webkit-keyframes pencifade{0%{opacity:0}100%{opacity:1}} @-moz-keyframes pencifade{0%{opacity:0}100%{opacity:1}} @-o-keyframes pencifade{0%{opacity:0}100%{opacity:1}} @keyframes pencifade{0%{opacity:0}100%{opacity:1}} .featured-carousel.style-7 .item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background: -moz-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0.6; } .featured-carousel.style-7 .item:hover:after { opacity: 0.8; } .loaded .featured-carousel.style-2 .item { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; opacity: 1; margin: 0 5px; } .featured-carousel .item img { width: 100%; height: auto; } .featured-carousel.style-2 .item img { width: 900px; } .featured-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; left: 0; opacity: 0; } .featured-overlay-color { background-color: #000000; } .featured-overlay-partent { background-image: url('https://mikuta.nu/wp-content/themes/soledad/images/slider-pattern.png'); z-index: 7; opacity: 0; } .featured-carousel .featured-content { z-index: 10; width: 480px; margin: 0 auto; position: absolute; top: 37.8%; left: 0; right: 0; } .featured-carousel.style-2 .featured-content { top: 38%; } .featured-carousel.style-7 .featured-content { top: auto !important; bottom: -5px; width: 100%; padding: 0 30px; } .featured-carousel .featured-content .feat-text { width: 100%; text-align: center; padding: 48px 20px 31px; display: block; vertical-align: middle; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -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: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; opacity: 0; position: relative; } .featured-carousel .featured-content .feat-text.slider-hide-date { padding-top: 31px; } .loaded .featured-carousel .slick-active .featured-content .feat-text { -webkit-animation-name: pencitextslider; -moz-animation-name: pencitextslider; -o-animation-name: pencitextslider; animation-name: pencitextslider; } @-webkit-keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} @-o-keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} .loaded .featured-carousel.style-7 .slick-active .featured-content .feat-text { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; -moz-animation-fill-mode: none; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-duration: 0s; -moz-animation-duration: 0s; -ms-animation-duration: 0s; -o-animation-duration: 0s; animation-duration: 0s; opacity: 1; transform: none; -webkit-transform: none; padding: 36px 20px 31px; } .wrapper-boxed.enable-boxed .loaded .featured-carousel.style-7 .slick-active .featured-content .feat-text { padding-left: 0; padding-right: 0; } .featured-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: #fff; z-index: 1; } .featured-area.style-7 .featured-slider-overlay { display: none !important; } .featured-slider-overlay:before { top: 5px; left: 5px; bottom: 5px; right: 5px; position: absolute; border: 1px solid #DEDEDE; display: block; content: ""; } .featured-slider-overlay.featured-overlay-mask { top: 20px; left: 20px; z-index: 2; } .featured-carousel .featured-cat { position: relative; z-index: 10; text-align: center; margin: 0 0 5px 0; } .featured-carousel .featured-cat a { font-size: 12px; color: #6eb48c; text-transform: uppercase; line-height: 1.2; margin: 0 18px 0 0; padding-right: 10px; display: inline-block; vertical-align: top; background: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-weight: normal; margin-bottom: 5px; position: relative; } .featured-carousel .featured-cat a:hover { color: #6eb48c; text-decoration: underline; } .featured-carousel .featured-cat a:after { content: ""; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 1px solid #6eb48c; font-size: 12px; margin-left: 11px; position: absolute; top: 50%; margin-top: -3px; } .featured-carousel .featured-cat a:last-child { margin-right: 0; padding: 0; } .featured-carousel .featured-cat a:last-child:after { content: none; display: none; } .featured-carousel .feat-text .feat-time { height: 32px; line-height: 32px; display: block; width: 120px; font-size: 12px; text-align: center; text-transform: uppercase; color: #fff; background: #6eb48c; position: absolute; z-index: 20; top: -10px; left: 50%; margin-left: -60px; } .featured-carousel .feat-text .feat-time:before, .featured-carousel .feat-text .feat-time:after { position: absolute; content: ""; width: 0; height: 0; top: 0; border: 16px solid transparent; } .featured-carousel .feat-text .feat-time:before { border-right-color: #6eb48c; left: -32px; } .featured-carousel .feat-text .feat-time:after { border-left-color: #6eb48c; right: -32px; } .featured-carousel .featured-content .feat-text h3 { line-height: 1.3; position: relative; z-index: 10; } .featured-carousel.style-7 .featured-content .feat-text h3 { padding: 0 60px; } .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3 { padding-left: 40px; padding-right: 40px; } .featured-carousel .featured-content .feat-text h3 a { color: #313131; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; position: relative; } .wrapper-boxed.enable-boxed .featured-carousel .featured-content .feat-text h3 a { font-size: 18px; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { position: absolute; content: ""; width: 60px; height: 0; top: 50%; left: 100%; margin: 0; margin-top: -1px; border-top: 1px solid #fff; } .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3 a:after { width: 40px; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before { left: auto; right: 100%; } .featured-carousel.style-7 .featured-content .feat-text h3 a { color: #fff; display: inline-block; vertical-align: top; padding: 0 20px; } .featured-carousel .carousel-meta { margin-top: 5px; position: relative; z-index: 10; } .featured-carousel .carousel-meta span { color: #888; font-size: 14px; } .featured-carousel .carousel-meta span a { color: #888; } .featured-carousel .carousel-meta span.feat-author { font-style: italic; } .featured-carousel .carousel-meta span.feat-author a{ color: #313131; } .featured-carousel.style-7 .carousel-meta span, .featured-carousel.style-7 .carousel-meta span a, .featured-carousel.style-7 .carousel-meta span.feat-author a { color: #fff; } .featured-carousel.style-7 .carousel-meta span.feat-author a:hover, .featured-carousel .carousel-meta span a:hover { color: #6eb48c; } .featured-carousel .carousel-meta > span:after { content: ""; display: inline-block; margin: 0 11px 0 15px; width: 0; height: 10px; border-left: 1px solid #888; opacity: 0.35; } .featured-carousel.style-7 .carousel-meta > span:after { border-color: #fff; opacity: 0.8; } .featured-carousel .carousel-meta > span:last-child:after { content: none; } .featured-area button.slick-prev, .featured-area button.slick-next, .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next, .penci-magazine2-prev, .penci-magazine2-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: background-color 0.3s, color 0.3s, opacity 0.3s; -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s; -moz-transition: background-color 0.3s, color 0.3s, opacity 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .featured-area button.slick-prev, .penci-slider .penci-direction-nav .penci-prev, .penci-magazine2-prev { left: 30px; } .featured-area button.slick-next, .penci-slider .penci-direction-nav .penci-next, .penci-magazine2-next { right: 30px; } .featured-area button.slick-prev i, .featured-area button.slick-next i, .penci-slider .penci-direction-nav .penci-prev i, .penci-slider .penci-direction-nav .penci-next i, .penci-magazine2-prev i, .penci-magazine2-next i { font-size: 20px; display: inline-block; line-height: 36px; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; vertical-align: top; } .featured-area.loaded:hover button.slick-prev, .featured-area.loaded:hover button.slick-next, .penci-slider:hover .penci-direction-nav .penci-prev, .penci-slider:hover .penci-direction-nav .penci-next, .penci-mag2-carousel:hover .penci-magazine2-prev, .penci-mag2-carousel:hover .penci-magazine2-next { opacity: 1; } .featured-area.loaded button.slick-prev:hover, .featured-area.loaded button.slick-next:hover, .penci-slider .penci-direction-nav .penci-prev:hover, .penci-slider .penci-direction-nav .penci-next:hover, .penci-magazine2-prev:hover, .penci-magazine2-next:hover { background: #6eb48c; color: #fff; } /* Style arrows for carousel style 2 */ .featured-area.style-2 button.slick-prev, .featured-area.style-2 button.slick-next { visibility: hidden; } .featured-area.style-2.loaded-wait button.slick-prev, .featured-area.style-2.loaded-wait button.slick-next { visibility: visible; opacity: 1; } /* = Penci Slider -----------------------------------------------------*/ .penci-slider { position: relative; z-index: 0; margin: 0; padding: 0; overflow: hidden; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; } .penci-slider.style-4 { width: 100%; margin: 0 auto; } .penci-slider ul.slides, .penci-slider ol, .penci-slider ul { list-style: none !important; margin: 0 !important; padding: 0 !important; line-height: 1.5; } .penci-slider ul.slides:before, .penci-slider ul.slides:after, .penci-slider ol:before, .penci-slider ol:after { content: none !important; } .penci-slider ul li, .penci-slider ol li{ margin: 0; } .penci-slider ul.slides li { position: relative; } .penci-slider ul.slides li:before, .penci-slider ul.slides li:after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; left: 0; opacity: 0; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .penci-slider ul.slides li:before { background-image: url('https://mikuta.nu/wp-content/themes/soledad/images/slider-pattern.png'); z-index: 7; opacity: 0; } .penci-slider ul.slides li:after { background: #000; } .penci-slider ul.slides li img { width: 100%; height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; vertical-align: top; margin: 0 !important; padding: 0 !important; } .penci-slider ul.slides li .pencislider-container { position: absolute; top: 30%; width: 100%; text-align: left; z-index: 10; padding: 0 105px; } .penci-slider ul.slides li .pencislider-container .pencislider-content { display: block; margin: 0 auto; max-width: 1170px; } .penci-slider .penci-direction-nav .penci-prev:before, .penci-slider .penci-direction-nav .penci-next:before { content: none; } .penci-slider.penci-loading .penci-direction-nav .penci-prev, .penci-slider.penci-loading .penci-direction-nav .penci-next { opacity: 0 !important; } /* Bullet */ .penci-slider .penci-control-nav { position: absolute; width: 100%; left: 0; text-align: center; bottom: 20px; z-index: 6; display: block; line-height: 1; } body .penci-slider ol.penci-control-nav li { margin: 0 3px; } body .penci-slider ol.penci-control-nav li a { width: 12px; height: 12px; border: 1px solid #d4d4d4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: inline-block; font-size: 0; vertical-align: top; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { background: #6eb48c; border-color: #6eb48c; } /* Loading */ .penci-slider.penci-loading { } /* Pencislider Elements */ .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title a { color: inherit; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; line-height: 1.3em; margin: 9px 0 0; font-style: italic; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 26px 0 0; background: none; padding: 0; vertical-align: top; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { text-decoration: none; display: inline-block; padding: 12px 20px 10px; text-transform: uppercase; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; font-family: 'Raleway', sans-serif; letter-spacing: 1px; cursor: pointer; font-size: 14px; line-height: 1.3; border: none; font-weight: bold; position: relative; } .penci-slider .pencislider-container .pencislider-content .pencislider-button:hover { opacity: 0.9; } /* Pencislider Alignment */ .penci-slider .pencislider-container .pencislider-title, .penci-slider .pencislider-container .pencislider-caption, .penci-slider .pencislider-container .pencislider-content .penci-button { text-align: left; opacity: 0; -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: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .penci-slider .pencislider-container.align-center .pencislider-title, .penci-slider .pencislider-container.align-center .pencislider-caption, .penci-slider .pencislider-container.align-center .penci-button { text-align: center; } .penci-slider .pencislider-container.align-right .pencislider-title, .penci-slider .pencislider-container.align-right .pencislider-caption, .penci-slider .pencislider-container.align-right .penci-button { text-align: right; } /* Animation */ .penci-slider .pencislider-container .pencislider-caption { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .penci-slider .pencislider-container .pencislider-content .penci-button { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; animation-delay: 0.9s; } /* fadeInDown */ @-webkit-keyframes pencifadeInDown{ 0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes pencifadeInDown{ 0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-content .penci-button { -webkit-animation-name: pencifadeInDown; -moz-animation-name: pencifadeInDown; -o-animation-name: pencifadeInDown; animation-name: pencifadeInDown; } /* fadeInUp */ @-webkit-keyframes pencifadeInUp{ 0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes pencifadeInUp{ 0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-content .penci-button { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } /* fadeInLeft */ @-webkit-keyframes pencifadeInLeft{ 0%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes pencifadeInLeft{ 0%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-content .penci-button { -webkit-animation-name: pencifadeInLeft; -moz-animation-name: pencifadeInLeft; -o-animation-name: pencifadeInLeft; animation-name: pencifadeInLeft; } /* fadeInRight */ @-webkit-keyframes pencifadeInRight{ 0%{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes pencifadeInRight{ 0%{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-content .penci-button { -webkit-animation-name: pencifadeInRight; -moz-animation-name: pencifadeInRight; -o-animation-name: pencifadeInRight; animation-name: pencifadeInRight; } /* = Penci Featured Video Background -----------------------------------------------------*/ #penci-featured-video-bg { height: 600px; } .penci-video-overlay-background, .overlay-video-click{ position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; display: none; } .overlay-video-click { display: block; z-index: 20; } .penci-video-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); text-align: center; left: 20px; right: 20px; z-index: 10; } h2.penci-heading-video, p.penci-sub-heading-video, .penci-video-custom-img { opacity: 0; -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: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .penci-video-custom-img { margin: 0 0 24px 0; } .penci-video-custom-img.no-margin-bottom { margin: 0; } h2.penci-heading-video { color: #fff; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } p.penci-sub-heading-video { font-size: 16px; line-height: 1.3em; margin: 15px 0 0; font-style: italic; color: #fff; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } .featured-area.loaded-wait .penci-video-custom-img, .featured-area.loaded-wait h2.penci-heading-video, .featured-area.loaded-wait p.penci-sub-heading-video { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } /* = Penci Magazine Slider -----------------------------------------------------*/ .featured-area.magazine-slider { width: 1170px; margin-left: auto; margin-right: auto; } .penci-magazine-slider.penci-loading { background: #fafafa url('https://mikuta.nu/wp-content/themes/soledad/images/loading.gif') no-repeat center center; min-height: 516px; } .featured-area.loaded-wait .penci-magazine-slider.penci-loading { background: none; min-height: 0 !important; } .penci-magazine-slider { margin: 0; padding: 0; position: relative; } .penci-magazine-slider .penci-mag-item { display: none; } .penci-magazine-slider ul.mag-wrap { list-style: none; margin: 0; display: inline-block; width: 100%; vertical-align: top; bottom: 0; left: 0; } .penci-magazine-slider ul.mag-wrap li { overflow: hidden; display: block; float: left; position: relative; width: 380px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 790px; border-right: 10px solid transparent; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 { border-bottom: 10px solid transparent; } .penci-magazine-slider .mag-meta { position: absolute; padding: 20px; width: 90%; z-index: 10; left: 0; bottom: 0; } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 30px; } .penci-magazine-slider .mag-cat { margin-bottom: 4px; } .penci-magazine-slider .mag-cat a.penci-cat-name { border-color: #fff; color: #fff; } .penci-magazine-slider .mag-cat a.penci-cat-name:after { border-color: #fff; } .penci-magazine-slider .mag-cat a.penci-cat-name:hover { text-decoration: none; color: #6eb48c; } .penci-magazine-slider .mag-meta h3 { line-height: 1.3; } .penci-magazine-slider .mag-meta h3 a { color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 0; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a { font-size: 24px; letter-spacing: 1px; } .penci-magazine-slider .mag-meta-child { margin-top: 6px; } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 7px; } .penci-magazine-slider .mag-meta-child span { color: #ffffff; font-size: 12px; } .penci-magazine-slider .mag-item-1 .mag-meta-child span { font-size: 14px; } .penci-magazine-slider .mag-meta-child span:after { content: ""; display: inline-block; margin: 0 7px 0 10px; width: 0; height: 8px; border-left: 1px solid #fff; opacity: 0.5; } .penci-magazine-slider .mag-item-1 .mag-meta-child span:after { margin: 0 11px 0 15px; height: 10px; } .penci-magazine-slider .mag-meta-child span:last-child:after { content: none; display: none; } .penci-magazine-slider .penci-direction-nav a { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; font-size: 20px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .penci-magazine-slider .penci-direction-nav a.penci-prev { left: 30px; } .penci-magazine-slider .penci-direction-nav a.penci-next { right: 30px; } .penci-magazine-slider:hover .penci-direction-nav a { opacity: 1; } .penci-magazine-slider .penci-direction-nav a:hover { background: #6eb48c; color: #fff; } .penci-magazine-slider .penci-direction-nav a:before { content: none; display: none; } .penci-magazine-slider .mag-overlay { background: #000; opacity: 0.6; position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; background: -moz-linear-gradient(top, transparent 0%, #000 100%); background: -webkit-linear-gradient(top, transparent 0%, #000 100%); background: -o-linear-gradient(top, transparent 0%, #000 100%); background: -ms-linear-gradient(top, transparent 0%, #000 100%); background: linear-gradient(to bottom, transparent 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); -webkit-transition: opacity .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; transition: opacity .4s ease 0s; } .penci-magazine-slider ul.mag-wrap .mag-content:hover .mag-overlay { opacity: 0.8; } /* = Magazine slider style 3 -----------------------------------------------------*/ .penci-magazine-slider.penci-mag3-slider.penci-loading{ min-height: 387px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { border: none; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 { width: 287px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { width: 586px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 5px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content:first-child, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content:first-child { margin-bottom: 5px; } .penci-magazine-slider ul.mag-wrap li .mag-content { position: relative; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content h3 a{ font-size: 14px; letter-spacing: 0; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 { text-align: center; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 a { font-size: 16px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content .mag-meta{ padding: 10px; width: 100%; } .penci-magazine-slider.penci-mag3-slider .mag-cat{ text-align: center; } /* = Magazine slider style 2 -----------------------------------------------------*/ .penci-mag2-carousel { overflow: hidden; } .featured-area.magazine-slider-2 { height: 463px; overflow: hidden; } .featured-area.magazine-slider-2.loaded-wait { height: auto; overflow: visible; } .penci-mag2-carousel .mag2-item { display: block; float: left; margin: 0 1px 0 0; width: 700px; height: 463px; } .penci-mag2-carousel .penci-mag2-carousel-content > .mag2-item { margin-right: 1px !important; } .penci-mag2-carousel .mag2-item.mag2-even { width: 346px; } .penci-mag2-carousel .mag2-item .mag2-item { width: 346px; height: 231px; margin: 0; } .penci-mag2-carousel .mag2-item > .mag2-item:first-child { margin-bottom: 1px; } .mag2-thumbnail { position: relative; overflow: hidden; max-height: 100%; } .mag2slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mag2slider-overlay i { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-radius: 50%; background: transparent; text-align: center; font: 14px/40px 'FontAwesome'; color: rgba(255, 255, 255, 0.9); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); opacity: 0; font-size: 18px; z-index: 3; line-height: 48px; } .mag2slider-overlay i.fa-play:before { margin-left: 2px; } .mag2slider-overlay i.fa-music:before { margin-right: 2px; } .penci-mag2-carousel .mag2-item .mag2-item .mag2slider-overlay i { width: 44px; height: 44px; line-height: 40px; font-size: 17px; margin: -22px 0 0 -22px; } .mag2slider-overlay:after { background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; opacity: 0.05; content: ""; } .mag2-thumbnail:hover .mag2slider-overlay i { opacity: 1; } .mag2-thumbnail:hover .mag2slider-overlay:after { opacity: 0.7; } .penci-mag2-carousel .mag2-header { position: absolute; padding: 17px 20px; width: 100%; z-index: 8; left: 0; bottom: 0; text-align: center; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header { padding: 17px 20px !important; } .penci-mag2-carousel .mag2-header h3 a { font-size: 24px; letter-spacing: 1px; text-transform: uppercase; color: #fff; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header { text-align: left; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header h3 a{ font-size: 16px; letter-spacing: 0; } .penci-mag2-carousel .cat.mag-cat { } .penci-mag2-carousel .cat > a.penci-cat-name { color: #fff; } .penci-mag2-carousel .cat > a.penci-cat-name:after { border-color: #fff; } @media only screen and (min-width: 779px) { .penci-mag2-carousel .mag2-thumbnail img{ transform: none !important; -webkit-transform: none !important; } .penci-mag2-carousel .mag2-header { width: 100% !important; } } @media only screen and (max-width: 778px) { .mag2slider-overlay i{ display: none; } .penci-mag2-carousel .cat.mag-cat{ display: none; } .penci-mag2-carousel .mag2-header h3 a { font-size: 18px; } .penci-mag2-carousel .mag2-header { padding-right: 15px; text-align: left; } } /* = Featured homepage box -----------------------------------------------------*/ .container.home-featured-boxes { margin-bottom: 60px; display: table; margin-top: -30px; } ul.homepage-featured-boxes { list-style: none; margin-left: -15px; margin-right: -15px; } ul.homepage-featured-boxes li { width: 33.3333%; float: left; display: inline-block; padding: 0 15px; } ul.homepage-featured-boxes li .penci-fea-in { height: 247px; position: relative; overflow: hidden; } ul.homepage-featured-boxes li .penci-fea-in:before, ul.homepage-featured-boxes li .penci-fea-in:after { position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.4s; transition: opacity 0.3s, transform 0.4s; z-index: 5; } ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:before, ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:after { content: none !important; display: none !important; } ul.homepage-featured-boxes li .penci-fea-in:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } ul.homepage-featured-boxes li .penci-fea-in:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } ul.homepage-featured-boxes li .penci-fea-in:hover:before, ul.homepage-featured-boxes li .penci-fea-in:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } ul.homepage-featured-boxes .penci-fea-in .fea-box-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; } ul.homepage-featured-boxes .penci-fea-in .fea-box-img:before { top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; content: ""; background: #000; transition: opacity 0.25s; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; opacity: 0; } ul.homepage-featured-boxes .penci-fea-in:hover .fea-box-img:before { opacity: 0.3; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img { right: 0; bottom: 0; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { content: none !important; display: none !important; } ul.homepage-featured-boxes .penci-fea-in h4 { position: absolute; width: 100%; left: 0; top: 50%; text-align: center; z-index: 5; font-style: italic; letter-spacing: 0; font-family: 'PT Serif', serif; font-weight: normal; padding: 5px 20px; margin-top: -25px; } ul.homepage-featured-boxes .penci-fea-in h4 > span { display: inline-block; position: relative; } ul.homepage-featured-boxes .penci-fea-in h4 span span { display: inline-block; background: #fff; color: #313131; padding: 0 15px; position: relative; min-width: 120px; height: 40px; line-height: 40px; white-space: nowrap; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } ul.homepage-featured-boxes .penci-fea-in h4 span span:before{ top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; display: block; background: none; position: absolute; border: 1px solid #fff; } ul.homepage-featured-boxes .penci-fea-in:hover h4 span { color: #6eb48c; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 { background: #fff; padding: 0 20px; margin-top: -20px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4:before { top: -5px; left: 0; right: 0; width: 100%; bottom: -5px; content: ""; display: block; background: none; position: absolute; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span { background: none !important; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span:before { content: none; display: none; } /* Featured boxes 4 columns */ ul.homepage-featured-boxes.boxes-4-columns li { width: 25%; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 190px; } /* = Homepage title -----------------------------------------------------*/ .penci-homepage-title { position: relative; margin-bottom: 30px; text-align: center; clear: both; background: #fff; margin-top: 5px; } .penci-border-arrow { position: relative; line-height: 1.3; margin-left: 5px; margin-right: 5px; margin-top: 5px; } .penci-border-arrow .inner-arrow { border: 1px solid #313131; background: #fff; position: relative; display: block; text-transform: uppercase; padding: 11px 15px 9px; z-index: 3; } .penci-border-arrow:before, .penci-border-arrow:after { content: ""; position: absolute; } .penci-border-arrow:before { width: 0; height: 0; border-style: solid; border-color: transparent; bottom: -7px; left: 50%; border-top-color: #313131; border-width: 7px; border-bottom: 0; margin-left: -7px; z-index: 5; } .penci-border-arrow:after { border: 1px solid #313131; left: -5px; right: -5px; bottom: 3px; display: block; z-index: 1; height: 100%; } .penci-homepage-title h3 { font-size: 14px; color: #313131; text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 1; } /* = Standard style -----------------------------------------------------*/ .standard-post-special { position: relative; margin: 0 0 26px 0; } .standard-content-special { padding: 0; text-align: center; background: #fff; display: block; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); } .standard-post-special.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ECECEC; } .format-post-box { display: block; padding: 52px 30px 21px 30px; } .format-post-box.penci-format-link { padding-top: 19px; } .format-post-box .post-format-icon { position: absolute; width: 100%; text-align: center; display: block; top: 16px; margin-left: -36px; } .format-post-box.penci-format-link .post-format-icon { display: none; } .format-post-box .post-format-icon i { font-size: 35px; padding: 0 20px; display: inline-block; color: #6eb48c; } .format-post-box .post-format-icon i.fa-quote-left:before { content: '“'; font-family: 'Playfair Display SC', serif; font-size: 72px; font-weight: 900; } .format-post-box .dt-special, .format-post-box .dt-special a { color: #888; font-size: 112.5%; font-style: italic; } .format-post-box.penci-format-quote .dt-special { text-align: center; font-style: italic; font-size: 18px; } .format-post-box .dt-special a:hover { color: #6eb48c; } .author-quote { margin: 15px 0 5px; text-align: center; display: block; overflow: hidden; } .author-quote span { display: inline-block; font-size: 12px; padding: 0 11px; position: relative; color: #6eb48c; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase; } .author-quote span:before, .author-quote span:after { position: absolute; content: ""; width: 60px; height: 1px; top: 50%; left: 100%; background: #6eb48c; } .author-quote span:before { left: auto; right: 100%; } .standard-post-image { margin: 0 0 26px 0; text-align: center; display: block; position: relative; } .standard-post-image .audio-iframe, .standard-content-special { position: absolute; left: 30px; right: 30px; bottom: 30px; display: block; } .standard-post-image.no-thumbnail .audio-iframe, .standard-post-special.no-thumbnail .standard-content-special { position: static; } .standard-post-image img { vertical-align: top; max-width: 100%; height: auto; } .header-standard { text-align: center; padding-bottom: 17px; position: relative; margin: 0 0 19px 0; } .header-standard:after { content: ""; position: absolute; width: 60px; height: 1px; background: #6eb48c; display: block; bottom: 0; left: 50%; margin-left: -30px; } .penci-standard-cat { overflow: hidden; display: block; margin-bottom: 6px; } .header-standard .cat { display: inline-block; position: relative; } .header-standard h2, .header-standard .post-title, .header-standard h2 a { color: #313131; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; } .container-single-magazine .single-post-title { letter-spacing: 1px; } .header-standard h2 a:hover { color: #888888; } .header-standard .author-post span { color: #888; } .header-standard .author-post { margin: 6px 0 0; font-style: italic; } .header-standard .author-post span a { color: #313131; text-transform: capitalize; } .header-standard .author-post span a:hover { color: #6eb48c; } .standard-content { position: relative; } .standard-main-content { text-align: left; } .penci-more-link { text-align: center; overflow: hidden; clear: both; } .penci-more-link a.more-link { font-family: 'Raleway', sans-serif; letter-spacing: 1px; color: #6eb48c; text-transform: uppercase; font-size: 12px; display: inline-block; margin-top: 5px; font-weight: bold; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .standard-post-entry a.more-link:hover { text-decoration: none; } .penci-more-link a.more-link:before, .penci-more-link a.more-link:after { position: absolute; content: ""; width: 60px; height: 0; top: 50%; left: 100%; margin: 0 10px; margin-top: -1px; border-top: 1px solid #6eb48c; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-more-link a.more-link:before { left: auto; right: 100%; } .penci-more-link a.more-link:hover:before { right: 50%; margin-right: -10px; width: 90px; } .penci-more-link a.more-link:hover:after { left: 50%; margin-left: -10px; width: 90px; } .penci-post-box-meta { padding: 15px 0; clear: both; display: block; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 30px 0 0; } .penci-post-box-meta.center-inner { text-align: center; } .penci-post-box-meta.center-inner .penci-post-share-box{ float: none; } .penci-post-box-meta .penci-box-meta { display: inline-block; } .penci-post-box-meta .penci-box-meta span, .penci-post-box-meta .penci-box-meta a { color: #888888; } .penci-post-box-meta .penci-box-meta i.fa { margin-right: 10px; } .penci-post-box-meta .penci-box-meta a:hover { color: #6eb48c; } .penci-post-box-meta .penci-box-meta span:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 16px 0 20px; display: inline-block; } .penci-post-box-meta .penci-box-meta span:last-child:after { content: none; display: none; } .penci-post-box-meta .penci-post-share-box { display: inline-block; float: right; } .penci-post-box-meta .penci-post-share-box a { display: inline-block; position: relative; color: #313131; margin-left: 10px; font-size: 14px; } .penci-post-box-meta .penci-post-share-box a:first-child { margin-left: 0; } .penci-post-share-box a.liked, .penci-post-share-box a:hover { color: #6eb48c; } .penci-post-share-box .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: 'Raleway', sans-serif; font-weight: normal; background: #313131; color: #fff; height: 20px; line-height: 20px; white-space: nowrap; text-align: center; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .penci-post-share-box a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .penci-post-share-box .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } .penci-post-like.liked i:before { content: "\f004"; } /* = Classic style -----------------------------------------------------*/ .header-standard.header-classic { margin: 0 0 26px 0; padding: 0; } .header-standard.header-classic:after { content: none; display: none; } .header-standard.header-classic.penci-title-bellow{ margin-bottom: 40px; } /* = Gird style -----------------------------------------------------*/ ul.penci-grid { display: inline-block; width: 100%; vertical-align: top; padding: 0; margin: 0; } .penci-grid > li { display: inline-block; vertical-align: top; width: 31.62%; margin-bottom: 51px; float: left; margin-right: 2.57%; list-style: none !important; } .sd-content ul li { clear: none !important; width: auto !important; } .penci-grid > li.grid-style { text-align: center; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 0; } .penci-grid > li:nth-of-type(3n+1) { clear: both; } .container.penci_sidebar .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-grid > li.grid-2-style { width: 48.7%; margin-right: 2.6%; } .container.penci_sidebar .penci-grid li:nth-of-type(3n+3) { margin-right: 3.9%; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n+1) { clear: both; } .penci-grid li.grid-2-style:nth-of-type(3n+3) { margin-right: 2.6%; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n+2), .penci-grid li.grid-2-style:nth-of-type(2n+2) { margin-right: 0; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n+1), .penci-grid li.grid-2-style:nth-of-type(2n+1) { clear: both; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { display: inline-block; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin-bottom: 28px; width: 100%; } .penci-grid li .item > .thumbnail .icon-post-format, .penci-masonry .item-masonry > .thumbnail .icon-post-format, .grid-mixed .thumbnail .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 46px; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 18px; opacity: 1; color: rgba(255, 255, 255, 0.9); background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; background: rgba(0, 0, 0, 0.4); border: 2px solid rgba(255, 255, 255, 0.9); } .penci-grid li .item > .thumbnail .icon-post-format i.fa-play, .penci-masonry .item-masonry > .thumbnail .icon-post-format i.fa-play { margin-left: 3px; } .grid-mixed .thumbnail:hover .icon-post-format, .penci-grid li .item > .thumbnail:hover .icon-post-format, .penci-masonry .item-masonry > .thumbnail:hover .icon-post-format { opacity: 0; } .grid-mixed .thumbnail:hover, .penci-grid li .item > .thumbnail:hover, .penci-masonry .item-masonry > .thumbnail:hover { opacity: 0.85; } .penci-grid li .item img, .penci-masonry .item-masonry a img { width: 100%; height: auto; vertical-align: top; margin: 0; } .penci-grid li .item .cat, .penci-masonry .item-masonry .cat { color: #6eb48c; display: block; margin-bottom: 8px; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 18px; color: #313131; text-transform: uppercase; letter-spacing: 1px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .penci-grid li .item h2 a:hover, .penci-masonry .item-masonry h2 a:hover { color: #888888; } .penci-grid li .item p, .penci-masonry .item-masonry p { margin-bottom: 0; } .penci-grid li .item .item-content, .penci-masonry .item-masonry .item-content, .penci-grid .mixed-detail .item-content { margin-top: 18px; text-align: left; } .penci-post-box-meta.penci-post-box-grid { border: none !important; padding: 0; text-align: center; position: relative; margin-top: 27px; clear: none; } .penci-post-box-meta.penci-post-box-grid:before { content: ""; position: absolute; width: 100%; left: 0; height: 1px; background: #DEDEDE; display: block; top: 49%; z-index: 1; } .penci-post-box-meta.penci-post-box-grid .penci-post-share-box { float: none !important; padding: 0 10px; position: relative; z-index: 5; background: #ffffff; display: inline-block; margin-top: 0; } .grid-header-box { padding-bottom: 17px; position: relative; } .grid-header-box:after { width: 60px; height: 1px; background: #6eb48c; margin-left: -30px; position: absolute; left: 50%; bottom: 0; content: ""; } .penci-readmore-btn, .penci-featured-cat-seemore { margin-top: 10px; display: block; text-align: left; } .penci-featured-cat-seemore { clear: both; margin: -40px 0 60px; } .penci-readmore-btn a, .penci-featured-cat-seemore a { transition: 0.25s; -webkit-transition: 0.25s; -moz-transition: 0.25s; } .penci-readmore-btn a:hover, .penci-featured-cat-seemore a:hover { opacity: 0.7; } .penci-readmore-btn i, .penci-featured-cat-seemore i { margin-left: 5px; font-size: inherit; color: inherit; } /* = Masonry style -----------------------------------------------------*/ .penci-wrap-masonry { margin-left: -15px; margin-right: -15px; } .penci-masonry { width: 100%; } .penci-masonry .item-masonry{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 33.3333%; display: inline-block; padding: 0 15px; float: left; margin-bottom: 51px; text-align: center; } .container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2 { width: 50%; } /* = Standard Masonry Style -----------------------------------------------------*/ .penci-masonry .standard-masonry { width: 50%; } .standard-masonry .standard-main-content > h2 { font-size: 20px; } .standard-masonry .standard-main-content > h2:before { height: 18px; top: 3px; } .penci-masonry .item-masonry.standard-masonry .cat a { margin-bottom: 13px; } .standard-masonry .post-box-meta { margin-top: 14px; } /* = Operator penci cat -----------------------------------------------------*/ .cat > a.penci-cat-name { font-size: 12px; color: #6eb48c; text-transform: uppercase; line-height: 1.2; margin: 0 18px 0 0; padding-right: 10px; display: inline-block; vertical-align: top; background: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-weight: normal; margin-bottom: 5px; position: relative; } .cat > a.penci-cat-name:after { content: ""; display: inline-block; border: 1px solid #6eb48c; font-size: 12px; margin-left: 11px; position: absolute; top: 50%; margin-top: -3px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cat > a.penci-cat-name:hover { text-decoration: underline; } .cat > a.penci-cat-name:first-child { margin-left: 0; } .cat > a.penci-cat-name:last-child { margin-right: 0; padding: 0; } .cat > a.penci-cat-name:last-child:after { content: none; display: none; } /* = List style -----------------------------------------------------*/ .penci-grid li.list-post { width: 100% !important; margin-right: 0 !important; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #DEDEDE; } .penci-grid li.list-post:last-child { margin-bottom: 60px; padding-bottom: 0; border-bottom: none; } .penci-grid li.list-post .item > .thumbnail { margin: 0; width: 48.052%; float: left; max-width: 370px; } .penci-grid li.list-post .item .content-list-right { margin: 0; padding-left: 400px; } .penci-grid li.list-post .item .content-list-right.fullwidth { padding: 0; } .list-post .header-list-style { position: relative; padding-bottom: 17px; } .list-post .header-list-style:after { content: ""; width: 60px; height: 1px; background: #6eb48c; display: block; bottom: 0; left: 0; position: absolute; } .content-special-list { width: 100%; display: block; padding: 30px; background-size: cover; background-position: center center; position: relative; } .content-special-list.no-thumbnail { padding: 0; } .content-special-list .standard-content-special { position: relative; left: auto; top: auto; bottom: auto; right: auto; } .content-special-list.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ECECEC; } /* = Mixed style -----------------------------------------------------*/ .grid-mixed { display: table; width: 100%; vertical-align: top; border: 1px solid #DEDEDE; margin-bottom: 60px; } .grid-mixed .thumbnail, .grid-mixed .mixed-detail { display: table-cell; vertical-align: top; } .grid-mixed .thumbnail.thumb-right { display: none; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-right { display: table-cell; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-left { display: none; } .grid-mixed .thumbnail { width: 65.812%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; position: relative; } .grid-mixed .mixed-detail { width: 34.188%; padding: 30px; padding-bottom: 115px; position: relative; } .grid-mixed .mixed-detail .cat { margin-bottom: 8px; display: block; } .grid-mixed .mixed-detail h2 a { font-size: 18px; text-transform: uppercase; color: #313131; } .grid-mixed .mixed-detail h2 a:hover { color: #888; } .grid-mixed .grid-header-box:after { left: 0; margin: 0; } .grid-mixed .penci-post-box-meta { margin: 0 0 4px 0; position: absolute; left: 30px; bottom: 30px; right: 30px; display: block; } .penci_sidebar .grid-mixed .thumbnail.thumb-left, .penci_sidebar .grid-mixed .mixed-detail { display: block !important; width: 100%; } .penci_sidebar .grid-mixed .mixed-detail { padding: 30px; } .penci_sidebar .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .penci_sidebar .grid-mixed .thumbnail.thumb-right { display: none !important; } /* = List Boxed style -----------------------------------------------------*/ .penci-grid .list-post.list-boxed-post { position: relative; padding-bottom: 0; border: 1px solid #DEDEDE !important; margin-bottom: 60px; } .penci-post-box-meta.post-box-boxed-1 { margin: 31px 0 0; text-align: left; } .penci-layout-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-standard-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-classic-boxed-1 .list-boxed-post .header-list-style:after { left: 50%; margin-left: -30px; } .grid-post-box-meta { margin: 12px 0 0; } .grid-post-box-meta span { color: #888888; } .grid-post-box-meta span.author-italic { font-style: italic; } .grid-post-box-meta span:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 11px 0 15px; display: inline-block; } .grid-post-box-meta span:last-child:after { content: none; display: none; } .grid-post-box-meta span a { color: #313131; } .grid-post-box-meta span a.comment-link { color: #888888; font-style: normal; } .grid-post-box-meta span a:hover, .grid-post-box-meta span a.comment-link:hover { color: #6eb48c; } .list-boxed-post .grid-post-share-box .inner-grid-post-share-box { background: #ffffff; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { width: 50%; max-width: none; position: relative; float: none; } .penci-grid .list-post.list-boxed-post .item > .content-list-right { float: right; } .penci-grid li.list-boxed-post:nth-of-type(2n+2) .item > .content-list-right { float: left; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #ffffff; border-bottom: 20px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -20px; } .penci-grid .list-post.list-boxed-post:nth-of-type(2n+2) .item > .thumbnail:before { border-right: none; border-left: 20px solid #ffffff; right: auto; left: 0; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 60px; display: table; width: 50%; min-height: 389px; height: 389px; text-align: center; } .list-boxed-post .inner-content-list-right { vertical-align: middle; display: table-cell; } .penci_sidebar .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 30px; min-height: 0; height: auto; } .penci-grid .list-post.list-boxed-post .item .content-list-right.fullwidth { width: 100%; max-width: none; } .list-boxed-post .fullwidth .inner-content-list-right { min-height: 0; padding-left: 0; padding-right: 0; } /* = Overlay style -----------------------------------------------------*/ .grid-overlay { margin-bottom: 60px; position: relative; display: block; clear: both; } .penci-overlay-over { position: relative; } .penci-overlay-over:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } .penci-overlay-over:hover:before { opacity: 0.5; } .penci-overlay-over .overlay-header-box { position: absolute; text-align: center; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 10; padding-bottom: 18px; } .penci-overlay-over .overlay-header-box:after { content: ""; height: 1px; background: #fff; display: block; position: absolute; bottom: 0; width: 60px; left: 50%; margin-left: -30px; } .penci-overlay-over:hover .overlay-header-box:after { width: 60px; left: 50%; margin-left: -30px; } .overlay-header-box .cat { display: block; margin-bottom: 6px; } .overlay-header-box .cat > a.penci-cat-name { color: #fff; } .overlay-header-box .cat > a.penci-cat-name:hover { color: #6eb48c; text-decoration: none; } .overlay-header-box .cat > a.penci-cat-name:after { border-color: #fff; } .overlay-header-box .overlay-author { margin-top: 6px; } .overlay-header-box .overlay-title a { text-transform: uppercase; color: #fff; font-size: 24px; } .overlay-author span, .overlay-author a { color: #fff; font-style: italic; } .overlay-author a:hover { color: #6eb48c; } .penci-overlay-over .overlay-border { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; display: block; border: 1px solid #fff; z-index: 5; } .overlay-post-box-meta { position: absolute; bottom: -1px; left: 30px; right: 30px; text-align: center; margin: 0; background: #fff; z-index: 7; border: none; padding: 21px 10px 0; } .overlay-post-box-meta > div { display: inline-block; vertical-align: bottom; line-height: 1; float: none !important; } .overlay-post-box-meta > div:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 17px 0 19px; display: inline-block; } .overlay-post-box-meta > div:last-child:after { content: none; display: none; } .overlay-post-box-meta, .overlay-post-box-meta .overlay-share span, .overlay-post-box-meta .overlay-share a { color: #888; } .overlay-post-box-meta .overlay-share a:hover { color: #6eb48c; } .overlay-post-box-meta .overlay-share i { color: inherit; margin-right: 10px; } /* = List Boxed 2 style -----------------------------------------------------*/ .penci-grid li.list-boxed-post-2 { margin: 0 !important; width: 33.3333%; } .penci-grid li.list-boxed-post-2:last-child { margin-bottom: 60px !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 50%; } .penci-grid li.list-boxed-post-2 .item > .thumbnail { margin: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { position: absolute; content: ""; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #ffffff; left: 50%; margin-left: -18px; bottom: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail.arrow-top:before { border-bottom: none; border-top: 18px solid #ffffff; bottom: auto; top: 0; } .penci-grid li.list-boxed-post-2 .content-boxed-2 { border: 1px solid #efefef; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { border-top: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { border-bottom: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.boxed-none { display: none; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 258px; display: table; text-align: center; padding: 20px; width: 100%; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 256px; } .penci-grid li.list-boxed-post-2 .inner-boxed-2 { display: table-cell; vertical-align: middle; max-width: 100%; } /* = Photography style -----------------------------------------------------*/ .typography-style .content-typography { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; } .penci-grid li.typography-style { margin-bottom: 30px; } .penci-grid li.typography-style:last-child { margin-bottom: 60px; } .penci-grid li.typography-style .item > .thumbnail { margin-bottom: 0; } .penci-grid li.typography-style .item > .thumbnail:hover { opacity: 1; } .typography-style .content-typography:hover, .penci-grid .typography-style .thumbnail:hover .content-typography { opacity: 1; } .penci-grid li.typography-style .overlay-typography { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.3; transition: opacity 0.3s ease 0s; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; } .penci-grid li.typography-style:hover .overlay-typography { opacity: 0.7; } .penci-grid li.typography-style .overlay-typography:before, .penci-grid li.typography-style .overlay-typography:after { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .penci-grid li.typography-style .overlay-typography:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .penci-grid li.typography-style .overlay-typography:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .penci-grid li.typography-style:hover .overlay-typography:before, .penci-grid li.typography-style:hover .overlay-typography:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .typography-style .main-typography { position: absolute; z-index: 5; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .typography-style .main-typography a.penci-cat-name { color: #fff; border-color: #fff; text-decoration: none; } .typography-style .main-typography a.penci-cat-name:after { border-color: #fff; } .penci-grid li.typography-style .item .main-typography h2 a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span, .penci-grid li.typography-style .grid-post-box-meta span a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span a:hover, .penci-grid li.typography-style .item .main-typography h2 a:hover { color: #6eb48c; } /* = Photography style 2 -----------------------------------------------------*/ .penci-grid > li.photography-2 { margin-bottom: 30px; } .penci-grid > li.photography-2:last-child { margin-bottom: 60px; } .penci-photo-2-effect { position: relative; overflow: hidden; background: #000; text-align: center; cursor: pointer; } .penci-photo-2-effect img { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0.7; display: block; position: relative; } .penci-photo-2-effect:hover img { opacity: 0.4; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .penci-photo-2-effect figcaption, .penci-photo-2-effect figcaption a.photo-2-overlay { padding: 60px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .penci-photo-2-effect figcaption { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .penci-photo-2-effect a.photo-2-overlay { z-index: 100; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .penci-photo-2-effect figcaption h2, .penci-photo-2-effect figcaption p { color: #fff; position: absolute; top: 50%; left: 0; width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-photo-2-effect figcaption h2 { font-size: 24px; padding: 0 60px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; top: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); padding-bottom: 30px; } .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 15px; } .penci-photo-2-effect figcaption p { padding: 0 60px; top: 50%; margin-top: 30px; line-height: 1.8; } .penci-photo-2-effect:hover figcaption p { margin-top: 15px; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .penci-photo-2-effect:hover figcaption:after { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg); } .penci-photo-2-effect:hover figcaption:before { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg); } .penci_sidebar .penci-photo-2-effect figcaption { padding: 20px; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci_sidebar .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 10px; } .penci_sidebar .penci-photo-2-effect:hover figcaption p { margin-top: 10px; } /* = Magazine style -----------------------------------------------------*/ section.home-featured-cat { clear: both; display: block; width: 100%; } .home-featured-cat.mag-cat-style-2 { display: inline-block; width: 48.05%; margin-right: 3.9%; float: left; } #main .theiaStickySidebar > div.mag-cat-style-2:nth-of-type(2n+2), #main > div.mag-cat-style-2:nth-of-type(2n+2) { margin-right: 0; } .penci-grid li.magazine-layout .item h2 a { text-transform: none; letter-spacing: 0; } .penci-homepage-title.penci-magazine-title { text-align: left; } .penci-homepage-title.penci-magazine-title:before { left: 30px; } .penci-homepage-title.penci-magazine-title h3 a { color: #313131; } .home-featured-cat-content { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 60px; } .home-featured-cat-content.style-1 { display: table; width: auto; margin-left: -15px; margin-right: -15px; } .home-featured-cat-content.style-3 { display: table; width: auto; margin-left: -5px; margin-right: -5px; } .home-featured-cat-content.style-5 { overflow: hidden; } .home-featured-cat-content.style-7 { margin-bottom: 9px; } .home-featured-cat-content.style-8 { margin-bottom: 0; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 50%; float: left; display: inline-block; padding: 0 15px; } .home-featured-cat-content .mag-post-box { width: 100%; overflow: hidden; display: table; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DEDEDE; } .home-featured-cat-content .mag-post-box.first-post { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .home-featured-cat-content > .mag-post-box:last-child, .home-featured-cat-content .cat-right > .mag-post-box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .home-featured-cat-content.style-2 .mag-post-box.first-post { padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid #DEDEDE; } .home-featured-cat-content .mag-post-box .magcat-thumb { float: left; margin-right: 20px; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format { width: 30px; height: 30px; position: absolute; display: inline-block; line-height: 26px; z-index: 10; top: 50%; left: 50%; text-align: center; margin: -15px 0 0 -15px; border-radius: 50%; font-size: 13px; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb .icon-post-format { font-size: 18px; width: 50px; height: 50px; line-height: 48px; margin: -25px 0 0 -25px; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format i.fa-play { margin-left: 2px; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format i.fa-music { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { position: relative; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 46px; background: none; top: 50%; left: 50%; margin: -30px 0 0 -30px; font-size: 18px; opacity: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-play:before { margin-left: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-music:before { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover i, .home-featured-cat-content .mag-post-box .magcat-thumb:hover .icon-post-format{ opacity: 0; } .home-featured-cat-content .mag-post-box .magcat-thumb img { width: 120px; height: auto; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb { margin: 0 0 24px 0; float: none; } .home-featured-cat-content .mag-post-box .magcat-thumb:hover { opacity: 0.8; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb img { width: 100% !important; } .home-featured-cat-content .first-post .magcat-detail .mag-header { padding-bottom: 17px; margin-bottom: 19px; position: relative; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: #6eb48c; display: block; } .home-featured-cat-content .magcat-detail h3 a { color: #313131; display: block; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "Raleway", sans-serif; font-weight: bold; letter-spacing: 0; line-height: 1.4; } .home-featured-cat-content .first-post .magcat-detail h3 a { font-size: 18px; } .home-featured-cat-content .magcat-detail h3 a:hover { color: #6eb48c; text-decoration: none; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 7px; } .home-featured-cat-content .mag-photo { display: inline-block; width: 50%; float: left; margin-bottom: 10px; padding: 0 5px; overflow: hidden; } .home-featured-cat-content.style-3 > .mag-photo:nth-child(2n+3) { clear: both; } .home-featured-cat-content .mag-photo .magcat-thumb { position: relative; overflow: hidden; } .home-featured-cat-content .mag-photo .magcat-detail { position: absolute; padding: 20px; width: 90%; z-index: 5; left: 0; bottom: 0; } .home-featured-cat-content .mag-photo .magcat-detail h3 a { color: #fff; font-size: 18px; } .home-featured-cat-content .mag-photo .mag-overlay-photo { position: absolute; background: #000; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: 0.7; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { color: #fff; } .home-featured-cat-content .mag-photo .grid-post-box-meta span:after { color: #fff; } .container .penci-grid li.magazine-layout { text-align: left; } .container .penci-grid li.magazine-layout .grid-header-box:after { left: 0; margin-left: 0; } .penci-featured-cat-custom-ads { margin-top: -40px; margin-bottom: 60px; clear: both; display: block; overflow: hidden; width: 100%; text-align: center; } /* Style 6 */ .home-featured-cat-content.style-6 { margin-bottom: 30px; } .home-featured-cat-content.style-6 .cat-left, .home-featured-cat-content.style-6 .cat-right { width: 100%; float: none; padding: 0; } .home-featured-cat-content.style-6 .cat-left { margin-bottom: 30px; } .home-featured-cat-content.style-6 .mag-post-box.first-post { display: inline-block; vertical-align: top; margin: 0; width: 100%; float: none; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin: 0; width: 48.052%; float: left; max-width: 370px; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { margin: 0; padding-left: 400px; } .home-featured-cat-content.style-6 .mag-post-box.first-post.full-mag-cat .magcat-detail { padding: 0 !important; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { float: left; width: 48.5%; margin-right: 3%; display: inline-block; border: none; padding-bottom: 0; margin-bottom: 30px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-child(2n+2) { margin-right: 0; } /* Style 4 - single slider */ section.home-featured-cat.mag-cat-style-4, section.home-featured-cat.mag-cat-style-5 { display: block; clear: both; } .penci-slider.penci-single-mag-slider .penci-control-nav { position: static; clear: both; margin-top: 20px !important; } .penci-slider.penci-single-mag-slider ul.slides li:before, .penci-slider.penci-single-mag-slider ul.slides li:after { content: none; display: none; } .penci-single-mag-slider .magcat-thumb { position: relative; } .penci-single-mag-slider .mag-single-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background: -moz-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; opacity: 0.7; } .penci-single-mag-slider .magcat-thumb:hover .mag-single-slider-overlay { opacity: 0.85; } .penci-single-mag-slider .magcat-detail { position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 25px 30px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 24px; margin: 0; line-height: 1.3; opacity: 0; -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: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .penci-single-mag-slider .magcat-detail .magcat-titlte a { font-size: inherit; color: #fff; line-height: inherit; } .penci-single-mag-slider .magcat-detail .magcat-titlte a:hover { color: #fff; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 14px; opacity: 0; -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: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .penci-single-mag-slider .penci-active-slide .magcat-detail .magcat-titlte, .penci-single-mag-slider .penci-active-slide .grid-post-box-meta { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } .penci-single-mag-slider .grid-post-box-meta span, .penci-single-mag-slider .grid-post-box-meta span a { color: #fff; } body .penci-slider.penci-single-mag-slider ol.penci-control-nav li { margin: 0 4px; } /* Style 5 */ .penci-magcat-carousel .magcat-carousel { padding: 0 15px; visibility: hidden; opacity: 0; transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; } .penci-magcat-carousel.loaded .magcat-carousel { opacity: 1; visibility: visible; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin: 0 0 24px 0; float: none; display: inline-block; vertical-align: top; width: 100%; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover { opacity: 0.9; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 18px; } /* = Homepage Popular Posts -----------------------------------------------------*/ .penci-home-popular-posts { padding: 30px 30px 26px; border: 1px solid #dedede; position: relative; margin-bottom: 60px; } .penci-home-popular-post .item-related h3 a { text-transform: uppercase; } .home-pupular-posts-title { position: absolute; left: 0; width: 100%; top: 0; transform: translateY(-55%); -webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); text-align: center; font-size: 18px; color: #313131; text-transform: uppercase; letter-spacing: 1px; } .home-pupular-posts-title span { font-size: inherit; color: inherit; padding: 0 18px; line-height: 1; display: inline-block; background: #fff; } /* = Post & Single post -----------------------------------------------------*/ article.post, article.type-post, article.portfolio { margin-bottom: 60px; } .penci-layout-standard-grid article.post, .penci-layout-standard-list article.post, .penci-layout-standard-boxed-1 article.post, .penci-layout-classic-grid article.post, .penci-layout-classic-list article.post, .penci-layout-classic-boxed-1 article.post { margin-bottom: 60px; } .single .post { margin-bottom: 60px; } /*** Post Header ***/ .post-box-meta-single { text-align: center; margin: 6px 0 0; } .post-box-meta-single span { color: #888888; } .post-box-meta-single a { color: #313131; } .post-box-meta-single a:hover { color: #6eb48c; } .post-box-meta-single > span:before { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 15px; display: inline-block; } .post-box-meta-single > span:first-child:before { content: none; display: block; } /*** Post images gallery ***/ #wpadminbar { z-index: 99998; } .post-image { margin-bottom: 26px; text-align: center; vertical-align: top; overflow: hidden; } .container-single-fullwidth .post-image { margin-bottom: 40px; } .post-image img { max-width: 100%; height: auto; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 166px; width: 100%; } .container-single a[data-rel="penci-gallery-image-content"], .container-single-page a[data-rel="penci-gallery-image-content"] { cursor: zoom-in; } /*** Slick gallery ***/ .penci-slick-slider { position: relative; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; max-height: 500px; } body.rtl .slick-slider { direction: ltr; } .penci-grid .penci-slick-slider, .penci-masonry .penci-slick-slider { max-height: 250px; overflow: hidden; } .penci-slick-slider img { width: 100%; } .penci-slick-slider.loaded { opacity: 1; overflow: visible !important; max-height: none !important; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next{ position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .penci-slick-slider > button.slick-prev { left: 30px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-masonry .penci-slick-slider > button.slick-prev { left: 20px; } .penci-slick-slider > button.slick-next { right: 30px; } .penci-grid .penci-slick-slider > button.slick-next, .penci-masonry .penci-slick-slider > button.slick-next { right: 20px; } .penci-slick-slider.loaded > button.slick-prev, .penci-slick-slider.loaded > button.slick-next { opacity: 0.8; } .penci-slick-slider > button.slick-prev:hover, .penci-slick-slider > button.slick-next:hover, .penci-slick-slider.loaded > button.slick-prev:hover, .penci-slick-slider.loaded > button.slick-next:hover { opacity: 1; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { font-size: 20px; display: inline-block; line-height: 36px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-grid .penci-slick-slider > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider:hover > button.slick-prev, .penci-grid .penci-slick-slider:hover > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider > button.slick-prev:hover, .penci-grid .penci-slick-slider > button.slick-next:hover { opacity: 1; } /*** Post Entry ***/ .post-entry { margin-bottom: 33px; line-height: 28px; } .post-entry.standard-post-entry { margin-bottom: 0; } .post-entry:before { content: " "; display: table; } .post-entry .inner-post-entry:after { content: " "; display: table; clear: both; } .post-entry .inner-post-entry > p:last-of-type { margin-bottom: 0; } .post-entry.page-has-margin { margin-bottom: 85px; } .post-entry img { max-width: 100%; height: auto; } .post-entry a:hover { text-decoration: underline; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom: 17px; } .post-entry p { margin-bottom: 17px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } .post-entry h1 { font-size: 24px; } .post-entry h2 { font-size: 22px; } .post-entry h3 { font-size: 20px; } .post-entry h4 { font-size: 18px; } .post-entry h5 { font-size: 16px; } .post-entry h6 { font-size: 14px; } .post-entry hr { border: 0; height: 0; border-bottom: 1px solid #dedede; clear: both; } .post-entry blockquote { padding: 0; position: relative; margin: 0 0 20px 0; } .post-entry blockquote, .post-entry blockquote p { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } .post-entry blockquote p { margin: 0; } .post-entry blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } .post-entry blockquote:before { color: #6eb48c; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } .post-entry blockquote cite, .post-entry blockquote .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: #6eb48c; font-style: normal; font-family: "Raleway", sans-serif; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } .post-entry blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } .post-entry blockquote .author span:after{ content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #6eb48c; left: 100%; opacity: 0.8; } .penci-pullqoute.align-left { max-width: 460px; float: left; width: 100%; margin-right: 20px; } .penci-pullqoute.align-right { max-width: 460px; float: right; width: 100%; margin-left: 20px; } .post-entry ul, .post-entry ol { padding-left: 50px; margin-bottom: 20px; } .post-entry ul ul { margin: 2px 0; padding-left: 22px; } .post-entry ol ol { margin: 2px 0; padding-left: 32px; } .post-entry ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .post-entry ol li { margin-bottom: 2px; list-style: decimal; } .sticky.post .post-header { border: 1px dashed #ddd; padding: 20px 0; } .bypostauthor { } .post-entry table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e9e9e9 solid; } .post-entry th { font-weight: bold; font-size: 14px; background: #f5f5f5; } .post-entry tr:hover { background: #ffffff; } .post-entry em strong { font-style: italic; } /*** Gird post share ***/ .gird-post-share { margin-top: 9px; position: relative; text-align: center; } .gird-list-posts-share { background: #fff; display: inline-block; padding-right: 11px; position: relative; padding-left: 11px; } .gird-post-share:before { position: absolute; width: 100%; top: 9px; height: 1px; content: ""; left: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .gird-post-share a { margin: 0 4px; font-size: 14px; color: #939393; } .gird-post-share a:hover { color: #6eb48c; } .gird-post-share .gird-list-posts-share a:first-child { margin-left: 0; } .share-box-grid.share-box-comments i { font-size: 15px; } /** Post tags && share box in single ***/ .tags-share-box { display: table; width: 100%; margin: 0; position: relative; padding: 19px 160px 18px 0; clear: both; border-top: 1px solid #DEDEDE; } .tags-share-box.center-box { text-align: center; padding: 15px 0; } .tags-share-box.hide-tags.page-share { text-align: center; padding: 16px 0; position: relative; border-bottom: 1px solid #DEDEDE; } .post-tags { display: block; position: relative; z-index: 10; color: #888; margin-bottom: 0; line-height: 1.4; margin-top: 31px; } .post-tags > span { display: inline-block; text-transform: uppercase; margin: 0 12px 0 0; font-style: italic; color: #888; } .post-tags > span i { vertical-align: bottom; } .container-single .post-entry .post-tags a { text-transform: uppercase; color: #888; padding: 6px 12px 5px; margin-right: 8px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #DEDEDE; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .container-single .post-entry .post-tags a:hover { background: #6eb48c; color: #fff; border-color: #6eb48c; text-decoration: none; } .post-share { display: inline-block; position: absolute; z-index: 10; right: 0; top: 20px; } .tags-share-box.center-box .post-share, .tags-share-box.hide-tags.page-share .post-share { position: static; } .tags-share-box.hide-tags.page-share .share-title { font-size: 12px; text-transform: uppercase; color: #313131; font-family: "Raleway", sans-serif; font-weight: bold; margin-right: 5px; } .post-share .count-number-like { font-weight: bold; font-style: italic; font-size: 13px; color: #6eb48c; vertical-align: top; } .post-share .list-posts-share { display: inline-block; vertical-align: top; } .post-share a { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 14px; margin: 0 0 0 10px; color: #313131; display: inline-block; vertical-align: top; position: relative; } .post-share a:hover, .post-share a.liked { color: #6eb48c; } .post-share a.penci-post-like { margin-left: 5px; } .tags-share-box .single-comment-o { color: #888; } .tags-share-box .single-comment-o i { margin-right: 5px; } .tags-share-box .single-comment-o:after, .post-share a.penci-post-like:after { content: ""; display: inline-block; width: 1px; height: 12px; background: #DEDEDE; margin: 4px 6px 0 20px; vertical-align: top; } .tags-share-box .single-comment-o:after { margin-right: 20px; } .tags-share-box .single-comment-o.hide-comments-o:after { display: none; content: none; } .post-share a .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: 'Raleway', sans-serif; font-weight: normal; background: #313131; color: #fff; height: 20px; white-space: nowrap; line-height: 20px; text-align: center; z-index: 20; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .post-share a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .post-share a .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } article.page.type-page { margin-bottom: 60px; } /*** Post author ***/ .post-author { margin: 0; overflow: hidden; padding: 38px 0 37px 0; border-top: 1px solid #E0E0E0; } .author-img { float: left; margin-right: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; } .post-author .author-img img { margin: 0; } .post-author .author-content { margin-left: 120px; } .author-content h5 { font-size: 14px; letter-spacing: 1px; margin: 0 0 15px; color: #313131; display: block; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase; } .author-content h5 a { display: inline-block; margin: 0; color: #313131; } .author-content h5 a:hover { color: #6eb48c; } .author-content p { margin-bottom: 16px; } .author-content .author-social { font-size: 14px; color: #313131; margin-right: 10px; } .author-content .author-social:hover { color: #6eb48c; } /*** Post Pagination ***/ .post-pagination { overflow: hidden; margin: 0; padding: 12px 0 15px; border-top: 1px solid #DEDEDE; } .post-pagination .prev-post { float: left; width: 50%; } .post-pagination .next-post { float: right; text-align: right; width: 50%; } .post-pagination span { margin: 0; display: inline-block; color: #888; } .post-pagination span i { font-size: 15px; margin-right: 8px; } .post-pagination span i.fa-angle-double-right { margin: 0 0 0 8px; } .post-pagination .arrow { font-size: 64px; color: #ddd; line-height: 64px; } .post-pagination .prev-post .arrow { float: left; margin-right: 18px; } .post-pagination .next-post .arrow { float: right; margin-left: 18px; } .pagi-text { margin-top: 6px; } .post-pagination h5 { font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: bold; padding: 0 25px 0 0; position: relative; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4; } .post-pagination h5.next-title { padding: 0 0 0 25px; } .post-pagination a { color: #313131; } .post-pagination a:hover { color: #6eb48c; } .penci-post-nav-thumb { display: inline-block; float: left; width: 56px; margin-right: 15px; } .penci-post-nav-thumb.nav-thumb-next { float: right; margin: 0 0 0 15px; } /*** Post related ***/ .post-related { overflow: hidden; margin: 0; text-align: center; padding: 36px 0 36px; border-top: 1px solid #DEDEDE; } .post-title-box, #respond h3.comment-reply-title { position: relative; padding: 0; margin-bottom: 30px; text-align: center; } #respond h3.comment-reply-title span, .post-box-title { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; position: relative; z-index: 10; display: inline-block; padding: 0 10px; } #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after { content: ""; position: absolute; width: 60px; height: 1px; background: #6eb48c; display: block; top: 50%; margin-top: -1px; left: 100%; } #respond h3.comment-reply-title span:before, .post-box-title:before { left: auto; right: 100%; } .penci-carousel { margin-left: -15px; margin-right: -15px; max-height: 220px; } .penci-carousel.loaded { max-height: none; } .penci-carousel button.slick-prev, .penci-carousel button.slick-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; font-size: 20px; } .penci-carousel.loaded:hover button.slick-prev, .penci-carousel.loaded:hover button.slick-next { opacity: 0.8; } .penci-carousel.loaded button.slick-prev:hover, .penci-carousel.loaded button.slick-next:hover { opacity: 1; } .penci-carousel > button.slick-prev { left: 25px; } .penci-carousel > button.slick-next { right: 25px; } .penci-carousel > button.slick-prev.slick-disabled, .penci-carousel > button.slick-next.slick-disabled { cursor: auto; } .item-related { margin: 0 15px; opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; text-align: center; } .penci-carousel.loaded .item-related { opacity: 1; } .item-related img { width: 100%; height: auto; } .item-related > a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; display: inline-block; margin-bottom: 13px; width: 100%; position: relative; } .item-related > a:hover { opacity: 0.85; } #navigation .penci-megamenu .penci-mega-post a i, .item-related > a i { position: absolute; width: 36px; height: 36px; line-height: 32px; left: 50%; top: 50%; margin: -15px 0 0 -15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 14px; transition: opacity 0.25s; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); text-align: center; } #navigation .penci-megamenu .penci-mega-post a i.fa-music:before, .item-related > a i.fa-music:before { margin-right: 2px; } #navigation .penci-megamenu .penci-mega-post a i.fa-play:before, .item-related > a i.fa-play:before { margin-left: 2px; } #navigation .penci-megamenu .penci-mega-post a:hover i, .item-related > a:hover i { opacity: 0; } .item-related h3 a { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #313131; line-height: 1.4; } .item-related h3 a:hover { color: #6eb48c; } .item-related span.date { color: #888888; display: inline-block; margin-top: 7px; } ul.slick-dots { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; list-style: none; text-align: center; display: block; clear: both; margin-top: 23px; } .slick-slider.loaded ul.slick-dots { opacity: 1; } ul.slick-dots li { display: inline-block; line-height: 1; } ul.slick-dots li button { width: 12px; height: 12px; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 0; background: #fff; margin: 0 5px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none; vertical-align: top; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; border: 2px solid #DEDEDE; } ul.slick-dots li button:hover, ul.slick-dots li.slick-active button { background: #6eb48c; border-color: #6eb48c; } /* = Page Under Construction -----------------------------------------------------*/ .container.under-construction-page { text-align: center; margin-top: 232px; margin-bottom: 176px; } .under-construction-page .under-title { font-size: 30px; color: #313131; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 8px; } .under-construction-page .sub-title-content, .under-construction-page .sub-title-content p{ font-size: 16px; font-style: italic; margin: 0; } .under-construction-page .sub-title-content a:hover { text-decoration: underline; } .penci-countdown { text-align: center; margin: 71px 0 0 0; } .penci-countdown .countdown-section { margin: 0 57px; display: inline-block; } .penci-countdown .countdown-row .countdown-section:first-child { margin-left: 0; } .penci-countdown .countdown-row .countdown-section:last-child { margin-right: 0; } .penci-countdown .countdown-amount { font-size: 72px; color: #6eb48c; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; line-height: 1; display: block; text-align: center; letter-spacing: 3px; } .penci-countdown .countdown-period { display: block; text-align: center; letter-spacing: 1px; font-size: 20px; text-transform: uppercase; color: #313131; margin: 26px 0 0 0; line-height: 1; font-family: 'Raleway', sans-serif; font-weight: bold; } /* = Column -----------------------------------------------------*/ .penci-column { margin-right: 4%; position: relative; float: left; min-height:1px; display: block; padding: 0 !important; margin-bottom: 17px; } .column-last { margin-right: 0 !important } .column-1-2 { width: 48% } .column-1-3 { width: 30.6666666667% } .column-2-3 { width: 65.3333333333% } .column-1-4 { width: 22% } .column-3-4 { width: 74% } /* = Page navigation -----------------------------------------------------*/ .penci-pagination { margin-bottom: 60px; overflow: hidden; clear: both; text-align: center; } .penci-pagination.align-center { text-align: center; } .penci-pagination.align-right { text-align: right; } .penci-pagination a, .penci-pagination .disable-url { color: #999999; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; display: inline-block; line-height: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-pagination .disable-url span { opacity: 0.5; } .penci-pagination a i, .penci-pagination .disable-url i { font-size: 14px; margin-left: 8px; } .penci-pagination .newer a i, .penci-pagination .newer .disable-url i { margin: 0 8px 0 0; } .penci-pagination a:hover { text-decoration: none; color: #6eb48c; } .penci-pagination .newer, .penci-pagination .older { display: inline-block; } .penci-pagination .newer:after { content: "/"; display: inline-block; margin: 0 16px 0 20px; font-family: 'Raleway', sans-serif; font-size: 12px; color: #999; } .penci-pagination ul.page-numbers { list-style: none; display: inline-block; vertical-align: top; margin: 0; padding: 0; } .penci-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; margin-bottom: 0; list-style: none; } .penci-pagination ul.page-numbers li:last-child { margin-right: 0; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a { padding: 0; min-width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #DEDEDE; color: #888; text-decoration: none; } .penci-pagination ul.page-numbers li a { padding: 0 5px; } .penci-pagination ul.page-numbers li a:hover { color: #313131; border-color: #999999; text-decoration: none; } .penci-pagination ul.page-numbers li span.current { color: #fff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } .penci-pagination ul.page-numbers li a i { font-size: 16px; line-height: 28px; margin-left: 2px; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button { display: block; padding: 11px 10px; max-width: 400px; margin: 0 auto; border: 1px solid #ececec; line-height: 1.4; text-align: center; transition: all 0.25s; -webkit-transition: all 0.25s; background: #fff; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button .ajax-more-text { color: inherit; font-family: inherit; font-weight: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover { border-color: #6eb48c; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts { opacity: 0.8; color: #999999 !important; border-color: #ececec !important; cursor: auto; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts span.ajaxdot:after { content: "..."; font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button i { color: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts i { animation-name: pencirotate; -o-animation-name: pencirotate; -ms-animation-name: pencirotate; -webkit-animation-name: pencirotate; -moz-animation-name: pencirotate; animation-duration: 0.8s; -o-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; } @-o-keyframes pencirotate { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } } @-ms-keyframes pencirotate { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } } @-webkit-keyframes pencirotate { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } } @-moz-keyframes pencirotate { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } } /* = Footer -----------------------------------------------------*/ #footer-area{ background: #171717; padding: 60px 0; text-align: center; position: relative; clear: both; } #footer-section { padding: 0; background: #313131; text-align: center; color: #999; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; } /* = Footer socials -----------------------------------------------------*/ .footer-socials-section { padding: 30px 0 15px; border-bottom: 1px solid #4A4A4A; text-align: center; } ul.footer-socials { list-style: none; display: inline-block; vertical-align: top; } ul.footer-socials li { float: none; display: inline-block; margin-right: 36px; margin-bottom: 15px; } ul.footer-socials li:last-child { margin-right: 0; } ul.footer-socials li a { line-height: 36px; display: inline-block; vertical-align: top; } ul.footer-socials li a i { width: 36px; height: 36px; line-height: 34px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none; color: #999; border: 1px solid #999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; vertical-align: top; } ul.footer-socials li a:hover i { background: #6eb48c; color: #fff; border-color: #6eb48c; } ul.footer-socials li a span { text-transform: uppercase; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: bold; color: #999; display: inline-block; letter-spacing: 1px; margin-left: 14px; vertical-align: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.footer-socials li a:hover span { color: #6eb48c; } /* = Footer Logo & copyright -----------------------------------------------------*/ .footer-logo-copyright { padding: 40px 0 73px; text-align: center; } .footer-logo-copyright.footer-not-gotop { padding: 40px 0; } .footer-logo-copyright.footer-not-logo { padding: 20px 0 62px; } .footer-logo-copyright.footer-not-logo.footer-not-gotop { padding: 20px 0; } #footer-logo { margin: 0 0 32px 0; } #footer-copyright * { font-size: 14px; color: #999; line-height: 1.4; font-style: italic; } #footer-copyright a { color: #6eb48c; } #footer-copyright a:hover { text-decoration: underline; } /* = Footer Menu -----------------------------------------------------*/ .footer-menu-wrap { display: block; text-align: center; margin-bottom: 10px; } .footer-menu-wrap:before{ content: ""; display: table; } .footer-menu-wrap:after { display: block; height: 0; clear: both; visibility: hidden; content: ""; } div.footer-menu > ul, ul.footer-menu{ list-style: none; display: inline-block; vertical-align: top; } .footer-menu li { display: inline-block; padding: 0 15px; position: relative; margin-bottom: 5px; } #footer-section .footer-menu li a{ color: #999; } #footer-section .footer-menu li a:hover { color: #6eb48c; } .footer-menu ul.sub-menu { display: none !important; } /* = Footer go to top -----------------------------------------------------*/ #footer-section .go-to-top-parent { width: 100%; height: auto; display: block; position: absolute; left: 0; bottom: 17px; text-align: center; z-index: 10; } #footer-section .go-to-top-parent span { color: #999; font-size: 12px; font-weight: bold; font-family: 'Raleway', sans-serif; text-transform: uppercase; line-height: 1; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #footer-section .go-to-top-parent span:before, #footer-section .go-to-top-parent span:after { content: " "; display: table; } #footer-section .go-to-top-parent span:after { clear: both; } #footer-section .go-to-top-parent i { font-size: 18px; z-index: 5; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; color: #999; line-height: 1; margin-bottom: 3px; } #footer-section .go-to-top:hover span, #footer-section .go-to-top:hover i { color: #fff; } /* = Widget -----------------------------------------------------*/ .textwidget { line-height: 1.8; } #widget-area { overflow: hidden; margin: 0; padding: 60px 0; background: #ffffff; position: relative; border-top: 1px solid #ECECEC; } #widget-area > .container { position: relative; z-index: 3; } .footer-widget-wrapper { width: 31%; margin-right: 3.5%; float: left; } .footer-widget-wrapper > .widget:last-child { margin-bottom: 0 !important; } .widget input { font-weight: normal; } .widget input[type="submit"] { font-family: 'Raleway', sans-serif; font-weight: bold; } #sidebar .widget { width: 100%; margin-right: 0; float: none; margin-bottom: 60px; } #sidebar img { max-width: 100%; height: auto; vertical-align: top; } .footer-widget-wrapper.last { margin-right: 0; } #sidebar .widget-title { color: #313131; margin-bottom: 30px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; position: relative; text-align: center; line-height: 1.3; background: #fff; } /** Widget List **/ .widget ul { list-style: none; } .widget ul ul { padding-top: 11px; margin-top: 12px; border-top: 1px solid #DEDEDE; padding-left: 20px; } .widget ul li { margin-bottom: 11px; padding-bottom: 12px; border-bottom: 1px solid #DEDEDE; font-size: 14px; color: #888888; } .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget ul li a { font-size: 14px; font-style: normal; line-height: 1.4; } .widget a { color: #313131; } .widget a:hover { color: #6eb48c; text-decoration: underline; } .widget.widget_archive label.screen-reader-text, .widget.widget_categories label.screen-reader-text { display: none; } /*** Widget categories ***/ .widget .screen-reader-text { display: block; margin: 0 0 10px 0; font-size: 14px; } .widget select { padding: 2px; line-height: 32px; height: 32px; vertical-align: middle; border-spacing: 0; clear: both; margin: 0; font-size: 14px; width: 100%; max-width: 360px; outline: none; } .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; color: #888; display: table; width: 100%; font-style: italic; padding-right: 2px; } .widget.widget_categories ul li { text-align: left; } .widget.widget_archive ul li a{ float: left; } .widget.widget_categories ul li a { display: block !important; } .widget.widget_categories ul li a:before, .widget.widget_archive ul li a:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 10px; font-size: 90%; } .widget.widget_categories ul li span.category-item-count { float: right; font-style: italic; color: #888888; font-family: 'PT Serif', serif; font-weight: normal; } /*** Search widget ***/ #searchform input.search-input { border: 1px solid #e9e9e9; background: #fff url(https://mikuta.nu/wp-content/themes/soledad/images/searchsubmit.png) no-repeat 94% 15px; padding: 14px 43px 14px 20px; color: #313131; letter-spacing: 1px; font-size: 12px; font-family: 'PT Serif', serif; font-weight: normal; } #searchform #s:focus { outline: none; } /** searchbar for widget ***/ .widget #searchform input.search-input, #sidebar .widget #searchform input.search-input { width: 100%; max-width: 340px; } /*** About Widget ***/ .widget .about-widget { text-align: center; } .about-widget img { max-width: 100% !important; height: auto; margin-bottom: 20px; } .about-widget .about-me-heading { color: #313131; font-size: 18px; font-family: 'PT Serif', serif; font-weight: bold; padding-bottom: 16px; line-height: 1.3; margin-bottom: 19px; position: relative; } .about-widget .about-me-heading:before { content: ""; display: inline-block; width: 60px; position: absolute; margin-left: -30px; left: 50%; bottom: 0; border-top: 1px solid #6eb48c; } /*** Tagcloud widget ***/ .widget .tagcloud a { text-transform: uppercase; background: #ffffff; color: #999999; padding: 6px 12px 5px; margin-right: 5px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #DEDEDE; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .widget .tagcloud a:hover { color: #ffffff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } /*** Calender widget ***/ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 14px; margin-top: 10px; margin-bottom: 15px; font-weight: bold; letter-spacing: 1px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td a { font-weight: 700; color: #222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 11px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 15px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** Widget items **/ .widget ul.side-newsfeed li { list-style-type: none; margin-bottom: 15px; padding-bottom: 15px; margin-left: 0; } .widget ul.side-newsfeed li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .widget ul.side-newsfeed li .side-item { overflow: hidden; } .widget ul.side-newsfeed li .side-item .side-image { float: left; margin-right: 20px; position: relative; } .widget ul.side-newsfeed li .side-item .side-image.thumbnail-right { float: right; margin-right: 0; margin-left: 20px; } .widget ul.side-newsfeed li .side-item .side-image a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .widget ul.side-newsfeed li .side-item .side-image a:hover { opacity: 0.8; } .widget ul.side-newsfeed li .side-item .side-image a span.count-post { position: absolute; z-index: 2; bottom: 10px; left: 10px; display: inline-block; background: #ffffff; color: #313131; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .widget ul.side-newsfeed li .side-item .side-image img { width: 120px; height: auto; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow: hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom: 6px; color: #313131; display: block; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "Raleway", sans-serif; font-weight: bold; letter-spacing: 0; line-height: 1.4; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover { color: #6eb48c; text-decoration: none; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { letter-spacing: 0; color: #888888; font-family: 'PT Serif', sans-serif; } .widget ul.side-newsfeed li.featured-news { padding-bottom: 26px; } .widget ul.side-newsfeed li.featured-news.all-featured-news { text-align: center; border-bottom: none; margin-bottom: 0; } .widget ul.side-newsfeed li.featured-news .side-image { float: none !important; margin: 0 0 11px 0 !important; } .widget ul.side-newsfeed li.featured-news .side-image img { width: 100% !important; } .widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a { font-size: 18px; margin-bottom: 6px; } .widget .penci-feed-excerpt { margin-top: 16px; color: #313131; } /** Widget Slider **/ .penci-widget-slider { max-width: 500px; width: 100%; clear: both; } .widget .penci-widget-slider ul li { margin: 0; padding: 0; border-bottom: none; } .widget .penci-widget-slider ul li:before, .widget .penci-widget-slider ul li:after { content: none; display: none; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev, .penci-slider.penci-widget-slider .penci-direction-nav .penci-next { color: #fff; width: auto; height: auto; margin-top: -7px; line-height: 1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: none !important; z-index: 10; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev { left: 20px; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-next { right: 20px; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev i, .penci-slider.penci-widget-slider .penci-direction-nav .penci-next i { line-height: 15px; } .penci-widget-slider .penci-slide-content { position: relative; text-align: center; } .penci-widget-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; transition: opacity 0.25s ease; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; z-index: 2; } .penci-widget-slider .penci-widget-slide-detail { position: absolute; top: 50%; left: 30px; right: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 5; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; } .penci-widget-slide-detail .slide-item-date { color: #fff; display: block; margin-top: 5px; } /** Social Widget **/ .widget-social { text-align: center; display: table; width: 100%; } .widget-social.show-text { margin-left: -5px; } .widget-social a i { width: 36px; height: 36px; line-height: 34px; background: none; color: #313131; border: 1px solid #E0E0E0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px 5px; display: inline-block; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; } .widget-social.show-text a i { margin-bottom: 0; } .widget-social a:hover i { text-decoration: none; color: #ffffff; background: #6eb48c; border-color: #6eb48c; } .widget-social a span { display: none; } .widget-social a:first-child { margin-left: 0; } .widget-social a:last-child { margin-right: 0; } .widget-social.show-text a { width: 50%; float: left; text-align: left; margin-bottom: 10px; } .widget-social.show-text a span { display: inline-block; color: #313131; text-transform: uppercase; font-size: 13px; margin-left: 10px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 0; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .widget-social.show-text a:hover span { color: #6eb48c; } /* = Quote widget -----------------------------------------------------*/ .quote-widget { position: relative; display: block; } .quote-widget > i.fa { color: #999999; position: absolute; top: 0; left: 0; font-size: 22px; } .quote-widget > p { padding-left: 40px; } .footer-widget-wrapper .quote-widget > i.fa { font-size: 24px; } .footer-widget-wrapper .quote-widget > p { padding-left: 42px; } /* = Pinterest widget -----------------------------------------------------*/ .penci-pinterest-widget-container { margin: -5px -5px 0 -5px; } .penci-pinterest-widget-container.penci-loading { max-height: 250px; background: url('https://mikuta.nu/wp-content/themes/soledad/images/loading.gif') no-repeat center center; } .penci-pinterest-widget-container.penci-loading .penci-images-pin-widget { opacity: 0; } .penci-pinterest-widget-container .penci-images-pin-widget a { width: 33.3333%; display: inline-block; padding: 5px; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; position: relative; } .penci-pinterest-widget-container .penci-images-pin-widget a:hover { opacity: 0.8; } .penci-pinterest-widget-container .penci-images-pin-widget a:before, .penci-pinterest-widget-container .penci-images-pin-widget a:after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .penci-pinterest-widget-container .penci-images-pin-widget a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .penci-pinterest-widget-container .penci-images-pin-widget a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .penci-pinterest-widget-container .penci-images-pin-widget a:hover:before, .penci-pinterest-widget-container .penci-images-pin-widget a:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .penci-pinterest-widget-container .pin_link { text-align: center; margin-top: 20px; } .penci-pinterest-widget-container.penci-loading .pin_link { opacity: 0; } .penci-pinterest-widget-container .pin_link a { font-style: italic; color: #999999; font-size: 16px; } /* = Footer box widget -----------------------------------------------------*/ .footer-widget-wrapper .widget { margin-bottom: 30px; } .footer-widget-wrapper .widget .widget-title { color: #313131; margin: 0 0 30px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; position: relative; text-align: left; font-size: 16px; text-transform: uppercase; background: none; } .footer-widget-wrapper .widget .widget-title .inner-arrow { border-top: none; border-left: none; border-right: none; padding: 0 0 15px; background: none; } .footer-widget-wrapper .widget .widget-title:before { content: none; } .footer-widget-wrapper .widget .widget-title:after { width: 100%; bottom: -4px; left: 0; border: none; border-bottom: 1px solid #313131; height: auto; } /** MailChimp for Wordpress widget & shortcode **/ .mc4wp-form { max-width: 365px; width: 100%; margin: 0; text-align: center; } .mc4wp-form > form > p { margin-bottom: 20px; } .widget .mc4wp-form > form > p:last-of-type { margin-bottom: 0; } .mc4wp-form input { border: 1px solid #DEDEDE; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 12px; line-height: 1; padding: 17px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: 'PT Serif', serif; } .mc4wp-form input:focus { background: #fff; } .mc4wp-form input[type="text"], .mc4wp-form input[type="email"], .mc4wp-form input[type="number"], .mc4wp-form input[type="date"] { width: 100%; } .mc4wp-form input[type="checkbox"] { display: inline-block; vertical-align: middle; } .mc4wp-form input[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 18px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #F5F5F5; } .mc4wp-form input[type="submit"]:hover { background: #6eb48c; color: #fff; } /** Facebook Like Box Widget **/ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } /* = Sidebar Instagram -----------------------------------------------------*/ #sidebar .widget .jr-insta-thumb, .footer-widget-wrapper .widget .jr-insta-thumb{ margin: -5px -5px 0 -5px; } #sidebar .widget .jr-insta-thumb ul.thumbnails li, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li{ transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; margin: 0; } #sidebar .widget .jr-insta-thumb ul.thumbnails li:hover, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li:hover{ opacity: 0.8; } #sidebar .widget .jr-insta-thumb ul.thumbnails li img, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li img{ padding: 5px; width: 100%; } .jr-insta-thumb ul.thumbnails li img { width: 100%; } .widget .jr-insta-thumb ul.thumbnails { margin: 0; } .widget .jr-insta-thumb ul.thumbnails.jr_col_2 li { width: 50% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_3 li { width: 33.3333% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_4 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_5 li { width: 20% !important; } .pllexislider .pllex-direction-nav { background: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } .pllexislider .pllex-direction-nav .pllex-next { margin-left: 1px; } .pllexislider .pllex-direction-nav li a { width: 40px; height: 40px; line-height: 40px !important; background: rgba( 0, 0, 0, 0.5 ); text-align: center; } .pllexislider .pllex-direction-nav li { border: none !important; } .pllexislider .pllex-direction-nav .pllex-next:before, .pllexislider .pllex-direction-nav .pllex-prev:before { font-family: FontAwesome, sans-serif !important; padding: 0 !important; text-shadow: none !important; font-size: 22px !important; } .pllexislider .pllex-direction-nav .pllex-next:before { content: "\f105" !important; } .pllexislider .pllex-direction-nav .pllex-prev:before { content: "\f104" !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-caption { font-size: 12px !important; line-height: 1.5em !important; margin-top: 8px !important; margin-bottom: 0 !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer { text-shadow: none !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* = Footer widget instagram -----------------------------------------------------*/ .footer-instagram { width: 100%; clear: both; display: block; position: relative; background: #313131; } .footer-instagram .widget { margin: 0; } .footer-instagram h4.footer-instagram-title { position: absolute; height: 50px; text-align: center; line-height: 50px; white-space: nowrap; top: 50%; margin: -25px 0 0; left: 0; width: 100%; } .footer-instagram h4.footer-instagram-title span { display: inline-block; position: relative; padding: 0 20px; background: #fff; color: #313131; text-transform: uppercase; font-size: 12px; z-index: 10; letter-spacing: 1px; vertical-align: top; position: relative; } .footer-instagram h4.footer-instagram-title span.title { padding: 0; background: none; position: relative; z-index: 10; } .footer-instagram .jr-insta-thumb { position: relative; z-index: 1; } .footer-instagram .jr-insta-thumb ul.thumbnails li { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; } .footer-instagram .jr-insta-thumb ul.thumbnails li:hover { opacity: 0.9; } .jr-insta-thumb ul.thumbnails li a { position: relative; display: inline-block; vertical-align: top !important; width: 100%; } .jr-insta-thumb ul.thumbnails li a:before, .jr-insta-thumb ul.thumbnails li a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .footer-instagram .jr-insta-thumb ul.thumbnails li a:before, .footer-instagram .jr-insta-thumb ul.thumbnails li a:after { top: 5px; right: 5px; bottom: 5px; left: 5px; } .jr-insta-thumb ul.thumbnails li a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .jr-insta-thumb ul.thumbnails li a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .jr-insta-thumb ul.thumbnails li a:hover:after, .jr-insta-thumb ul.thumbnails li a:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* = Comments -----------------------------------------------------*/ .post-comments { } .post-comments .post-title-box { border-top: 1px solid #DEDEDE; padding-top: 36px; } h3.comment-reply-title { padding-top: 36px !important; border-top: 1px solid #DEDEDE; } .comments .comment { border-top: 1px solid #DEDEDE; } .comments > .comment:first-child, .comments .comment > .comment:first-child { border-top: none; } .thecomment { padding-top: 28px; padding-bottom: 21px; display: table; width: 100%; } .comments > .comment:first-child > .thecomment { padding-top: 0; } .thecomment .author-img { float: left; margin-right: 20px; width: 60px; } .thecomment .author-img img { margin: 0; } .thecomment .comment-text { margin-left: 80px; position: relative; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #313131; margin-bottom: 11px; font-family: "Raleway", sans-serif; font-weight: bold; } .thecomment .comment-text span.author a { display: inline-block; margin: 0; } .thecomment .comment-text span.author a:hover { color: #9e9e9e; } .thecomment .comment-text span.date { font-size: 12px; color: #888888; display: block; } .thecomment .comment-text span.date i { margin-right: 10px; } .thecomment .comment-text em { font-size: 12px; display: block; color: orange; letter-spacing: 1px; margin: 5px 0 0; } .thecomment .comment-text em i { font-size: 14px; color: #f3bd00; } .thecomment .comment-content { margin-top: 15px; margin-bottom: 0; } .thecomment .comment-text span.reply { position: absolute; top: 0; right: 0; } .post-comments > .comments > .depth-1:last-child { } .post-comments span.reply a { font-size: 11px; color: #888888; margin-left: 18px; font-family: "Raleway", sans-serif; font-weight: 500; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; text-transform: uppercase; line-height: 1; display: inline-block; text-align: center; } .post-comments span.reply a:hover { color: #313131; } .comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment { margin: 0 0 0 60px; } /* = Reply -------------------------------------------------------*/ #respond { overflow: hidden; margin-bottom: 40px; position: relative; } .no-comment-yet #respond { padding-top: 0; border-top: 0; } #respond h3 { font-size: 14px; color: #939393; font-weight: 500; margin-bottom: 30px; font-family: "Raleway", sans-serif; letter-spacing: 1px; text-transform: uppercase; } #respond h3 a { color: #000; display: inline-block; } #respond h3 small a { text-transform: uppercase; font-size: 12px; color: #888888; padding: 0; margin-left: 7px; letter-spacing: 0; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; font-weight: 500; position: absolute; right: 0; } #respond h3 small a:hover { color: #313131; } #respond form#commentform, form.wpcf7-form { margin-left: -14px; margin-right: -14px; } .mc4wp-form label { text-align: left; margin-bottom: 10px; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject{ width: 33.333333%; padding: 0 14px; float: left; display: inline-block; margin: 0; } #respond p.comment-form-comment, .wpcf7 p.message { clear: both; margin: 0 14px; } form.comment-form > p, form.comment-form > div, form.comment-form > input, form.comment-form > textarea, form.comment-form > label, form.comment-form > span, form.wpcf7-form > div, form.wpcf7-form > p, form.wpcf7-form > input, form.wpcf7-form > textarea, form.wpcf7-form > label, form.wpcf7-form > span, form#commentform > p, form#commentform > div, form#commentform > input, form#commentform > textarea, form#commentform > label, form#commentform > span { margin: 0 14px; } form#commentform > input[type="checkbox"] { margin-left: 14px !important; margin-right: 14px !important; } .captchaSizeDivLarge { clear: both; } label#captcha_code_label { display: inline-block; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email { padding: 0 14px; } .woocommerce #review_form #respond p { margin: 0 14px 10px 14px; } .woocommerce #review_form #respond p.stars { margin-left: 0; margin-right: 0; } #respond label, .wpcf7 label { color: #939393; font-size: 12px; display: block; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 8px; } #respond p.form-submit, .wpcf7 p.submit { margin: 0 14px; text-align: center; } #respond input, .wpcf7 input, .widget_wysija input { padding: 14px 20px; max-width: 500px; border: 1px solid #DEDEDE; margin-bottom: 28px; font-size: 12px; width: 100%; font-weight: normal; font-family: 'PT Serif', serif; max-height: 50px; } #respond input:focus, .wpcf7 input:focus { outline: none; } .jetpack_subscription_widget #subscribe-email input { width: 100% !important; padding: 14px 20px !important; margin-top: 10px; } #respond textarea, .wpcf7 textarea { padding: 15px 20px; border: 1px solid #DEDEDE; width: 100%; height: 120px; font-size: 12px; color: #313131; margin-bottom: 28px; line-height: 20px; font-weight: 500; outline: none; vertical-align: top; font-family: 'PT Serif', serif; } #respond textarea:focus, .wpcf7 textarea:focus { outline: none; } #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"] { text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 14px; color: #313131; padding: 15px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } #respond #submit:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover { color: #fff; background: #6eb48c; } .contact-form input[type=email], .contact-form input[type=text] { max-width: 300px; width: 100%; padding: 10px 15px; } .contact-form input[type=submit] { text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 14px; color: #313131; padding: 16px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } .widget input[type="text"], .widget input[type="email"], .widget input[type="date"], .widget input[type="number"], .widget input[type="search"]{ border: 1px solid #DEDEDE; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 12px; padding: 14px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: 'PT Serif', serif; width: 100%; max-width: 400px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; height: auto; vertical-align: baseline; line-height: normal; } .widget input[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 15px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #F5F5F5; max-width: 400px; } .widget input[type="submit"]:hover{ background: #6eb48c; color: #fff; } #respond input[type="checkbox"], .wpcf7 input[type="checkbox"], .widget_wysija input[type="checkbox"], .widget input[type="checkbox"], #respond input[type="radio"], .wpcf7 input[type="radio"], .widget_wysija input[type="radio"], .widget input[type="radio"]{ width: auto; margin: 0; padding: 0; } /* = Archives -----------------------------------------------------*/ .archive-box { background: none; margin: 0 0 35px 0; padding-bottom: 15px; position: relative; text-align: center; } .archive-box:after, .archive-box:before { content: ""; width: 90px; height: 1px; background: #6eb48c; position: absolute; bottom: 0; left: 50%; margin-left: -45px; } .archive-box:before { width: 60px; bottom: -5px; margin-left: -30px; } .archive-box .title-bar { position: relative; display: block; } .archive-box span, .archive-box h1 { letter-spacing: 1px; color: #313131; font-family: "Raleway", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 24px; line-height: 1.2em; position: relative; z-index: 10; } .archive-box span:after { content: ":"; margin-right: 9px; display: inline-block; } .archive-box h1 { display: inline-block; color: #6eb48c; } .nothing { margin-bottom: 60px; text-align: center; } .nothing span { position: relative; z-index: 10; color: #313131; font-size: 14px; } .penci-category-description { margin-bottom: 30px; line-height: 1.8; } .penci-category-description.align-center { text-align: center; } /* = Breadcrumb -----------------------------------------------------*/ .container.penci-breadcrumb { line-height: 1.4; padding-bottom: 10px; margin-bottom: 30px; margin-top: -30px; } .container.penci-breadcrumb span, .container.penci-breadcrumb span a { font-size: 13px; color: #888888; font-family: 'Raleway', sans-serif; font-weight: 500; } .container.penci-breadcrumb span a:hover { color: #6eb48c; } .container.penci-breadcrumb i { color: #888888; font-size: 13px; margin: 0 15px 0 19px; } .container.penci-woo-breadcrumb { width: 100% !important; margin-top: 0; } /* = Page Header -----------------------------------------------------*/ .penci-page-header { margin: 0 0 35px 0; padding-bottom: 15px; text-align: center; position: relative; } .penci-page-header:after, .penci-page-header:before{ content: ""; width: 90px; height: 1px; position: absolute; left: 50%; margin-left: -45px; bottom: 0; background: #6eb48c; } .penci-page-header:before { width: 60px; bottom: -5px; margin-left: -30px; } .penci-page-header h1 { font-size: 24px; color: #313131; text-transform: uppercase; } /* = Wordpress style of core -----------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 22px 30px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 30px 22px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: none; padding: 0; max-width: 100%; text-align: center; position: relative; overflow: hidden; } .wp-caption.alignnone { margin: 5px 0 17px 0; } .wp-caption.alignleft { margin: 5px 30px 17px 0; } .wp-caption.alignright { margin: 5px 0 17px 30px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 1.4; margin: 0; padding: 11px 10px; color: #fff; font-style: italic; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .wp-caption:hover p.wp-caption-text { transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0.7; } /*** Pre & Code ***/ .post-entry pre { display: block; font-size: 14px; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; background-color: #f4f4f4; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 20px; line-height: 1.4; padding: 15px; letter-spacing: 0; color: inherit; } .post-entry code { font-size: 12px; line-height: 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 4px solid #dedede; padding: 5px 10px; } /** Instagram Widget **/ .widget .zframe-flickr-wrap-ltr, .widget ul.instagram-pics { list-style: none; margin: 0; padding: 0; overflow: hidden; margin-left: -3px; margin-right: -3px; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image, .widget ul.instagram-pics li { display: block; float: left; width: 33.33%; padding: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 !important; border: none !important; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image img { margin: 0; width: 100%; float: none; height: auto; } .instag ul.thumbnails > li, .jr-insta-thumb ul > li { width: 32% !important; } .instag ul li, .jr-insta-thumb ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-time, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-username, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-caption { line-height: 1.5; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption { font-size: 13px; color: #939393; font-family: "Raleway", sans-serif; font-style: italic; } .gallery .gallery-icon img { border-radius: 2px; border: 1px solid #eee !important; padding: 7px; } .gallery .gallery-icon img:hover { border: 1px solid #ccc !important; } .penci-post-gallery-container { margin-bottom: 20px; } .penci-post-gallery-container a { opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { font-family: inherit; font-weight: inherit; padding: 9px 15px; line-height: 1.5; background: rgba(0, 0, 0, 0.6); opacity: 1; } .penci-post-gallery-container.masonry .item-gallery-masonry { width: 33.33333%; float: left; margin-bottom: 6px; padding: 0 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; } .penci-post-gallery-container.masonry.column-2 .item-gallery-masonry { width: 50%; } .penci-post-gallery-container.masonry.column-4 .item-gallery-masonry { width: 25%; } .penci-post-gallery-container.masonry .item-gallery-masonry { position: relative; opacity: 0; -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: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } .penci-post-gallery-container.masonry .item-gallery-masonry.animated { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; opacity: 1; } .masonry.column-2 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(2n+2), .masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n+2), .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+2){ -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } .masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n+3) .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+3){ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; } .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+4) { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; } .penci-post-gallery-container.masonry { margin-left: -3px; margin-right: -3px; } .penci-post-gallery-container.masonry img { width: 100%; } .penci-post-gallery-container.masonry .inner-gallery-masonry-container { display: inline-block; width: 100%; vertical-align: top; } .inner-item-masonry-gallery { position: relative; } .penci-post-gallery-container.masonry .item-gallery-masonry .caption { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-family: inherit; font-weight: inherit; padding: 9px 15px; line-height: 1.5; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-post-gallery-container.masonry .item-gallery-masonry:hover .caption { opacity: 0.7; } /* = Latest Tweets -----------------------------------------------------*/ .penci-tweets-widget-content ul li { margin: 0 !important; padding: 0 !important; border: none !important; } .penci-slider.penci-tweets-slider ul.slides li:before, .penci-slider.penci-tweets-slider ul.slides li:after { content: none !important; display: none !important; } .penci-tweets-widget-content .icon-tweets { display: block; text-align: center; margin-bottom: 12px; font-size: 32px; color: #6eb48c; margin-top: -10px; } .penci-tweets-widget-content .tweet-text { color: #313131; margin-bottom: 10px; text-align: center; } .penci-tweets-widget-content .tweet-intents { text-align: center; overflow: hidden; } .penci-tweets-widget-content .tweet-intents a { color: #6eb48c; font-size: 13px; font-style: italic; } .penci-tweets-widget-content .tweet-intents span:after { content: "/"; margin: 0 5px; font-size: 11px; color: #6eb48c; font-family: 'PT Serif', serif; } .penci-tweets-widget-content .tweet-intents span:last-child:after { content: none; display: none; } .penci-tweets-widget-content .tweet-intents-inner { display: inline-block; vertical-align: top; position: relative; } .penci-tweets-widget-content .tweet-intents-inner:before, .penci-tweets-widget-content .tweet-intents-inner:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #6eb48c; right: 100%; margin-right: 15px; } .penci-tweets-widget-content .tweet-intents-inner:after { right: auto; left: 100%; margin-right: 0; margin-left: 15px; } .penci-tweets-widget-content .tweet-date { line-height: 1.8; white-space: nowrap; text-align: center; margin-bottom: 9px; } .penci-slider.penci-tweets-slider .penci-control-nav { position: static; margin-top: 23px !important; } body .penci-slider.penci-tweets-slider ol.penci-control-nav li { margin: 0 4px; } body .penci-slider.penci-tweets-slider ol.penci-control-nav li a { width: 10px; height: 10px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #d4d4d4; } .penci-slider.penci-tweets-slider ol.penci-control-nav li a.penci-active, .penci-slider.penci-tweets-slider ol.penci-control-nav li a:hover { border-color: #6eb48c; background: #6eb48c; } /* = Contact form 7 -----------------------------------------------------*/ div.wpcf7 { overflow: hidden; margin-top: 40px; } span.wpcf7-not-valid-tip { margin-top: -15px; margin-bottom: 15px; } div.wpcf7-response-output { margin: 20px 14px 1em; padding: 0.6em 1em; margin-top: 20px !important; } /* = Page 404 -----------------------------------------------------*/ .error-404 { text-align: center; margin: 150px 0 112px; } .error-image { position: relative; padding-bottom: 41px; margin-bottom: 30px; } .error-image:after { content: ""; position: absolute; width: 60px; height: 1px; background: #6eb48c; bottom: 0; left: 50%; margin-left: -30px; } .error-404 .sub-heading-text-404 { font-size: 16px; font-weight: normal; margin: 0; color: #313131; } .error-404 form#searchform { margin: 31px 0 0; padding: 0 10px; } .error-404 form#searchform input.search-input { width: 100%; max-width: 270px; } .error-404 .go-back-home { margin-top: 50px; } .error-404 .go-back-home a { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-family: 'Raleway', sans-serif; font-weight: 500; text-decoration: none; line-height: 1.5; position: relative; display: inline-block; padding-bottom: 1px; } .error-404 .go-back-home a:after { position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #6eb48c; content: ""; } /* Header Sign-Up form */ .penci-header-signup-form { display: block; padding: 20px 0; background: #6eb48c; margin: -50px 0 60px; } .penci-header-signup-form .mc4wp-form { margin: 0; width: 100%; max-width: 100%; color: #fff; } .penci-header-signup-form .mc4wp-form > form { display: table; width: 100%; } .penci-header-signup-form h4.header-signup-form { text-align: center; margin-bottom: 18px; font-size: 24px; color: #fff; text-transform: uppercase; } .penci-header-signup-form .mc4wp-form-fields { display: table; width: 100%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p{ display: table-cell; text-align: left; color: #fff; padding-right: 20px; line-height: 1.5; vertical-align: middle; } .penci-header-signup-form .mc4wp-form-fields > p:last-of-type, .penci-header-signup-form form > p:last-of-type { padding-right: 0; } .penci-header-signup-form .mc4wp-form-fields > p:first-of-type, .penci-header-signup-form form > p:first-of-type { max-width: 500px; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"] { margin: 0; margin-right: 20px; border-color: #fff; color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]::-webkit-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-webkit-input-placeholder{ color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]:-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]::-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]:-ms-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-ms-input-placeholder { color: #fff; } .penci-header-signup-form .widget input[type="submit"] { color: #313131; background: #fff; } .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-alert{ margin-top: 15px; } /* = Portfolio ----------------------------------------------------*/ .wrapper-penci-portfolio { width: 100%; overflow: hidden; } .penci-portfolio-filter { display: block; text-align: center; margin: 0 0 20px 0; } .post-entry .penci-portfolio-filter ul, .penci-portfolio-filter ul { list-style: none; display: inline-block; vertical-align: top; padding: 0 !important; margin: 0; } .post-entry .penci-portfolio-filter ul li, .penci-portfolio-filter ul li { display: inline-block; float: left; margin: 0 15px; padding: 0; } .post-entry .penci-portfolio-filter ul li a, .penci-portfolio-filter ul li a { color: #313131; font-family: 'Raleway', sans-serif; } .post-entry .penci-portfolio-filter ul li a:hover, .post-entry .penci-portfolio-filter ul li.active a, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a{ color: #6eb48c; text-decoration: none; } .penci-portfolio-wrap { margin-left: -10px; margin-right: -10px; } .penci-portfolio-wrap .inner-portfolio-posts { display: inline-block; width: 100%; vertical-align: top; } .inner-portfolio-posts .portfolio-item { width: 33.33333%; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; margin-bottom: 20px; } .container .penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item { width: 50%; } .inner-item-portfolio { position: relative; opacity: 0; -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: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } .penci-portfolio-wrap.column-2 .portfolio-item:nth-child(2n+1) .inner-item-portfolio, .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+2) .inner-item-portfolio { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+3) .inner-item-portfolio { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; opacity: 1; } .penci-portfolio-thumbnail a:after { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; content: ""; -webkit-transition: .5s; transition: .5s; z-index: 10; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after{ opacity: 0.87; } .inner-item-portfolio .portfolio-desc { position: absolute; text-align: center; top: 50%; width: 100%; padding: 0 10px; margin: 0; z-index: 12; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .inner-item-portfolio a{ text-decoration: none !important; } .inner-item-portfolio .portfolio-desc h3 { opacity: 0; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; color: #313131; } .inner-item-portfolio .portfolio-desc span { opacity: 0; font-size: 12px; display: block; vertical-align: top; line-height: 1.3; text-decoration: none; color: #888; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; } .inner-item-portfolio:hover .portfolio-desc h3, .inner-item-portfolio:hover .portfolio-desc span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .single-portfolio-thumbnail { margin-bottom: 26px; text-align: center; vertical-align: top; } .portfolio-page-content .portfolio-detail { margin: 0 auto; max-width: 1000px; } /* = Penci Recipe ----------------------------------------------------*/ .wrapper-penci-recipe{ margin-bottom: 25px; margin-top: 20px; } .penci-recipe { border: 1px solid #dedede; padding: 18px 25px 6px; } .penci-recipe-heading { border-bottom: 1px solid #dedede; margin: 0 -25px 25px -25px; padding: 0 25px 20px; overflow: hidden; } .post-entry .penci-recipe-heading h2 { font-size: 20px; float: left; color: #313131; margin-bottom: 8px; } .penci-recipe-heading a.penci-recipe-print { float: right; font-size: 12px; font-weight: 700; margin-top: 4px; border: 1px solid; padding: 0 12px; height: 28px; line-height: 26px; color: #6eb48c; -moz-transition: 0.25s; -webkit-transition: 0.25s; transition: 0.25s; } .penci-recipe-heading a.penci-recipe-print i { margin-right: 4px; font-size: 13px; } .penci-recipe-heading a.penci-recipe-print:hover { background: #6eb48c; color: #fff; border-color: #6eb48c; text-decoration: none; } .penci-recipe-heading .penci-recipe-meta { clear: both; color: #888; font-size: 12px; line-height: 1.5; } .penci-recipe-heading .penci-recipe-meta span { margin-right: 15px; } .penci-recipe-heading .penci-recipe-meta span.servings { margin-right: 0; } .penci-recipe-heading .penci-recipe-meta span i { font-size: 14px; margin-right: 4px; color: #aaa; } .post-entry .penci-recipe-title { font-size: 14px; color: #888; margin-bottom: 18px; text-transform: uppercase; letter-spacing: 1px; } .penci-recipe-ingredients { border-bottom: 1px solid #dedede; margin: 0 -25px 25px -25px; padding: 0 20px 30px; } .penci-recipe-ingredients ul { margin: 0; padding-left: 18px; } .penci-recipe-ingredients ul li { padding-bottom: 6px; line-height: 1.6; list-style: none; position: relative; } .penci-recipe-ingredients ul li:before { content: ""; position: absolute; width: 5px; height: 5px; border: 1px solid #b3b3b3; display: inline-block; top: 8px; left: -18px; transform: rotate(-13deg); -webkit-transform: rotate(-13deg); background: none !important; } .penci-recipe-ingredients ul li:last-child{ margin: 0; padding: 0; } .penci-recipe-notes { border-top: 1px solid #dedede; margin: 10px -25px 0; padding: 25px 25px 10px; } .post-entry .penci-recipe-notes p { margin: 0; } .penci-recipe-notes .penci-recipe-title { margin-bottom: 8px; } .wrapper-penci-recipe .penci-recipe-method ul, .wrapper-penci-recipe .penci-recipe-method ol { padding-left: 15px; } /* = Penci Review ----------------------------------------------------*/ .wrapper-penci-review{ margin-bottom: 25px; margin-top: 20px; border: 1px solid #dedede; } .penci-review-container { padding: 25px; } .penci-review-container.penci-review-count{ border-bottom: 1px solid #dedede; } .penci-review-container.penci-review-count h4{ font-size: 20px; margin: 0; } .penci-review-desc{ margin-top: 10px; } .post-entry .penci-review-desc p{ margin: 0; } .wrapper-penci-review .penci-review ul.penci-review-number { padding: 0; margin: 15px 0 0 0; } .wrapper-penci-review .penci-review ul.penci-review-number li { list-style: none; margin-bottom: 18px; } .wrapper-penci-review .penci-review ul.penci-review-number li:last-child { margin-bottom: 0; } .wrapper-penci-review .penci-review ul.penci-review-number li:before, .wrapper-penci-review .penci-review ul.penci-review-number li:after, ul.penci-review-number li .penci-review-text:before, ul.penci-review-number li .penci-review-text:after, .penci-review-row:before, .penci-review-row:after, .penci-review-point:before, .penci-review-point:after { content: ''; display: table; } .penci-review-text { font-weight: bold; } .penci-review-point { font-size: inherit; display: inline-block; } .penci-review-container.penci-review-point{ display: block; } .penci-review-score{ float: right; font-size: inherit; } .penci-review-process { display: block; height: 13px; background: #e6e6e6; width: 100%; margin-top: 5px; } .penci-review-process span { display: block; height: 13px; width: 0; background: #6eb48c; } .penci-review-row { display: inline-block; width: calc( 100% + 24px ); margin-left: -12px; margin-right: -12px; vertical-align: top; } .penci-review-stuff, .penci-review-average { float: left; display: inline-block; width: 66.666%; padding: 0 12px; } .penci-review-average { width: 33.333%; } .penci-review-average.full-w { width: 100%; margin: 0 !important; } .penci-review-stuff .penci-review-good { width: 50%; float: left; display: inline-block; padding: 0 12px; } .penci-review-stuff .penci-review-row.full-w .penci-review-good { width: 100%; } .penci-review-stuff .penci-review-good h5 { font-size: 15px; margin-bottom: 15px; } .penci-review .penci-review-good ul { padding: 0 0 0 0; margin: 0; } .penci-review .penci-review-good ul li { list-style: none; padding-left: 18px; margin-bottom: 7px; } .penci-review .penci-review-good ul li:last-child { margin-bottom: 0; } .penci-review .penci-review-good ul li:before { content: "\f058"; color: #22b162; position: absolute; left: 0; top: 5px; font-family: FontAwesome; font-size: 14px; line-height: 1; background: none !important; } .penci-review .penci-review-bad ul li:before { content: "\f056"; color: #e03030; } .penci-review-score-total { background: #6eb48c; color: #fff; text-align: center; padding: 16px 10px; display: block; } .penci-review-score-total.only-score{ padding: 30px 10px; } .penci-review-score-num { font-size: 56px; font-family: 'Oswald', sans-serif; line-height: 1; font-weight: 400; } .penci-review-score-total span { font-size: 12px; } .penci-piechart { position: absolute; display: inline-block; vertical-align: top; right: 20px; top: 20px; text-align: center; width: 50px; height: 50px; z-index: 15; } .penci-piechart.penci-piechart-small { width: 34px; height: 34px; top: 7px; right: 7px; } .penci-chart-text { width: 50px; height: 50px; font-size: 16px; position: absolute; left: 0; top: 0; line-height: 50px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #fff; } .penci-piechart-small .penci-chart-text{ width: 34px; height: 34px; font-size: 12px; line-height: 34px; } /* = Woocommerce ----------------------------------------------------*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 23.076%; margin: 0 2.565% 60px 0; position: relative; } .woocommerce ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products > li.product:nth-child( 4n+4 ) { margin-right: 0; } .woocommerce ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products > li.product:nth-child( 4n+1 ) { clear: both; } .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+3 ) { margin-right: 0; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+1 ) { clear: both; } .woocommerce .page-title { margin: 0 0 35px 0; padding-bottom: 15px; text-align: left; position: relative; font-size: 24px; color: #313131; text-transform: uppercase; } .woocommerce .page-title:before, .woocommerce .page-title:after { content: ""; width: 90px; height: 1px; position: absolute; left: 0; bottom: 0; background: #6eb48c; } .woocommerce .page-title:before { width: 60px; bottom: -5px; } .woocommerce .page-description { margin: -10px 0 22px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 0 30px; color: #888; } .woocommerce .woocommerce-ordering select { padding: 5px; outline: none; } .woocommerce span.onsale { min-width: 50px; min-height: 25px; height: 25px; line-height: 26px; left: 10px; top: 10px; background: #6eb48c; text-align: center; padding: 0 10px; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-family: 'Raleway', sans-serif; white-space: nowrap; } .woocommerce ul.products li.product .onsale { margin: 0; left: auto; right: 10px; top: 10px; } .woocommerce ul.products li.product h3 { font-size: 18px; text-align: center; padding: 0; margin: 0 0 8px 0; color: #313131; } .woocommerce ul.products li.product a img { margin-bottom: 30px; } .woocommerce .products .star-rating { margin: 0; position: absolute; top: 16px; left: 10px; z-index: 5; } .woocommerce .star-rating span { color: #FFCA00; } .woocommerce ul.products li.product .price { margin: 0; text-align: center; } .woocommerce ul.products li.product .price del{ display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price { font-size: 18px; color: #6eb48c; text-decoration: none; font-weight: normal; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 12px; color: #313131; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; text-align: center; margin: 0; padding: 10px 15px 9px; border: none; outline: none; min-width: 90px; } .woocommerce ul.products li.product .button { font-size: 14px; font-weight: bold; margin-top: 15px; display: block; font-family: 'Raleway', sans-serif; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-align: center; text-transform: uppercase; padding: 0; height: 44px; line-height: 44px; } .woocommerce a.added_to_cart { display: none !important; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { top: auto; right: auto; margin-left: 5px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #6eb48c; color: #fff; } .woocommerce-pagination { margin-bottom: 60px; overflow: hidden; clear: both; text-align: center; } .woocommerce nav.woocommerce-pagination ul { list-style: none; display: inline-block; vertical-align: top; border: none; white-space: normal; margin: 0; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; border: none; } .woocommerce nav.woocommerce-pagination ul > li:last-child, .woocommerce .woocommerce-pagination ul.page-numbers li:last-child, .woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child { margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0; width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #DEDEDE; color: #888; margin: 0; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { text-decoration: none; color: #313131; border-color: #999999; background: none; } .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 48.7197%; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom: 40px; } .woocommerce .penci_sidebar #content div.product div.images, .woocommerce .penci_sidebar div.product div.images, .woocommerce-page .penci_sidebar #content div.product div.images, .woocommerce-page .penci_sidebar div.product div.images, .woocommerce .penci_sidebar #content div.product div.summary, .woocommerce .penci_sidebar div.product div.summary, .woocommerce-page .penci_sidebar #content div.product div.summary, .woocommerce-page .penci_sidebar div.product div.summary { width: 48.078%; } .woocommerce div.product div.images div.thumbnails { padding-top: 30px; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a, .woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last { width: 21.0625%; margin-right: 5.25%; margin-bottom: 30px; } .woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first { clear: none; } .woocommerce #content div.product div.thumbnails a:nth-child(4n+4), .woocommerce div.product div.thumbnails a:nth-child(4n+4), .woocommerce-page #content div.product div.thumbnails a:nth-child(4n+4), .woocommerce-page div.product div.thumbnails a:nth-child(4n+4) { margin-right: 0; } .woocommerce #content div.product div.thumbnails a:nth-child(4n+1), .woocommerce div.product div.thumbnails a:nth-child(4n+1), .woocommerce-page #content div.product div.thumbnails a:nth-child(4n+1), .woocommerce-page div.product div.thumbnails a:nth-child(4n+1) { clear: both; } .woocommerce div.product .product_title { font-size: 30px; color: #313131; line-height: 1.2; margin-top: -4px; margin-bottom: 6px; } a.woocommerce-review-link{ font-size: 14px; color: #888; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 8px; } .woocommerce div.product p.price { margin-bottom: 12px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: normal; text-decoration: none; font-size: 18px; color: #6eb48c; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } .woocommerce div.product .entry-summary div[itemprop="description"] { position: relative; padding-top: 12px; margin-bottom: 24px; } .woocommerce div.product .entry-summary div[itemprop="description"]:before{ content: ""; width: 45px; height: 1px; position: absolute; top: 0; left: 0; background: #6eb48c; } .woocommerce div.product .woocommerce-tabs #tab-description #tab-description { display: block !important; } .woocommerce div.product div[itemprop="description"] .entry-summary p:last-child, .woocommerce div.product .woocommerce-tabs #tab-description > p:last-child { margin-bottom: 0; } .woocommerce div.product div[itemprop="description"] .entry-summary img, .woocommerce div.product .woocommerce-tabs #tab-description img { max-width: 100%; height: auto; } .woocommerce div.product div[itemprop="description"] a:hover, .woocommerce div.product .woocommerce-tabs #tab-description a:hover { text-decoration: underline; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .entry-summary div[itemprop="description"] hr, .woocommerce div.product .woocommerce-tabs #tab-description h1, .woocommerce div.product .woocommerce-tabs #tab-description h2, .woocommerce div.product .woocommerce-tabs #tab-description h3, .woocommerce div.product .woocommerce-tabs #tab-description h4, .woocommerce div.product .woocommerce-tabs #tab-description h5, .woocommerce div.product .woocommerce-tabs #tab-description h6, .woocommerce div.product .woocommerce-tabs #tab-description hr { margin-bottom: 17px; } .woocommerce div.product div[itemprop="description"] p, .woocommerce div.product .woocommerce-tabs #tab-description p { margin-bottom: 17px; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .woocommerce-tabs #tab-description h1, .woocommerce div.product .woocommerce-tabs #tab-description h2, .woocommerce div.product .woocommerce-tabs #tab-description h3, .woocommerce div.product .woocommerce-tabs #tab-description h4, .woocommerce div.product .woocommerce-tabs #tab-description h5, .woocommerce div.product .woocommerce-tabs #tab-description h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .woocommerce-tabs #tab-description h1 { font-size: 20px; } .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .woocommerce-tabs #tab-description h2 { font-size: 18px; } .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .woocommerce-tabs #tab-description h3 { font-size: 17px; } .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .woocommerce-tabs #tab-description h4 { font-size: 16px; } .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .woocommerce-tabs #tab-description h5 { font-size: 15px; } .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .woocommerce-tabs #tab-description h6 { font-size: 14px; } .woocommerce div.product .entry-summary div[itemprop="description"] hr, .woocommerce div.product .woocommerce-tabs #tab-description hr { border: 0; height: 0; border-bottom: 1px solid #dedede; clear: both; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-description blockquote { padding: 0; position: relative; margin: 0 0 20px 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-description blockquote, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote p, .woocommerce div.product .woocommerce-tabs #tab-description blockquote p { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote p, .woocommerce div.product .woocommerce-tabs #tab-description blockquote p { margin: 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-description blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before, .woocommerce div.product .woocommerce-tabs #tab-description blockquote:before { color: #6eb48c; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author, .woocommerce div.product .woocommerce-tabs #tab-description blockquote cite, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: #6eb48c; font-style: normal; font-family: "Raleway", sans-serif; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #6eb48c; left: 100%; opacity: 0.8; } .woocommerce div.product .entry-summary div[itemprop="description"] ul, .woocommerce div.product .entry-summary div[itemprop="description"] ol, .woocommerce div.product .woocommerce-tabs #tab-description ul, .woocommerce div.product .woocommerce-tabs #tab-description ol { padding-left: 50px; margin-bottom: 20px; } .woocommerce div.product .entry-summary div[itemprop="description"] ul ul, .woocommerce div.product .woocommerce-tabs #tab-description ul ul { margin: 2px 0; padding-left: 22px; } .woocommerce div.product .entry-summary div[itemprop="description"] ol ol, .woocommerce div.product .woocommerce-tabs #tab-description ol ol { margin: 2px 0; padding-left: 32px; } .woocommerce div.product .entry-summary div[itemprop="description"] ul li, .woocommerce div.product .woocommerce-tabs #tab-description ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .woocommerce div.product .entry-summary div[itemprop="description"] ol li, .woocommerce div.product .woocommerce-tabs #tab-description ol li { margin-bottom: 2px; list-style: decimal; } .woocommerce div.product .entry-summary div[itemprop="description"] table, .woocommerce div.product .woocommerce-tabs #tab-description table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } .woocommerce div.product .entry-summary div[itemprop="description"] td, .woocommerce div.product .entry-summary div[itemprop="description"] th, .woocommerce div.product .woocommerce-tabs #tab-description td, .woocommerce div.product .woocommerce-tabs #tab-description th { padding: 12px; border-bottom: 1px #e9e9e9 solid; } .woocommerce div.product .entry-summary div[itemprop="description"] th, .woocommerce div.product .woocommerce-tabs #tab-description th { font-weight: bold; font-size: 14px; background: #f5f5f5; } .woocommerce div.product .entry-summary div[itemprop="description"] tr:hover, .woocommerce div.product .woocommerce-tabs #tab-description tr:hover { background: #ffffff; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border: none; padding: 15px 15px; min-width: 150px; background: #313131; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-size: 14px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #6eb48c; color: #fff; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 30px; } .woocommerce div.product p.out-of-stock { font-size: 18px; } .woocommerce div.product form.cart div.quantity { margin-right: 20px; } .woocommerce .quantity .qty { padding: 5px 5px; width: 60px; line-height: 32px; outline: none; border: 1px solid #313131; font-size: 18px; font-weight: bold; font-family: "Raleway", sans-serif; } .woocommerce div.product .product_meta { padding-top: 25px; border-top: 1px solid #DEDEDE; } .woocommerce div.product .product_meta > span { display: block; color: #888; font-size: 14px; margin-bottom: 8px; } .woocommerce div.product .product_meta > span a { color: #888; } .woocommerce div.product .product_meta > span a:hover { color: #6eb48c; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 12px 0; margin: 0 0 24px 0; text-align: center; border-bottom: 1px solid #DEDEDE; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ content: none; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0; padding: 0 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 5px 0; font-family: 'Raleway', sans-serif; font-size: 14px; color: #313131; text-transform: uppercase; font-weight: bold; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #888888; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: none; border: none; color: #6eb48c; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 50px; } .woocommerce div.product .woocommerce-tabs .panel > h2:first-child, .woocommerce div.product .woocommerce-tabs .panel #reviews #comments h2, .woocommerce div.product .woocommerce-tabs .panel #respond h3.comment-reply-title { font-size: 18px; color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; margin-bottom: 17px; text-transform: uppercase; font-weight: bold; text-align: left; } .woocommerce div.product .woocommerce-tabs .panel #respond h3.comment-reply-title { padding-top: 30px !important; margin-top: 24px; } .woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; position: relative; z-index: 10; display: block; padding: 0; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #dedede; } .woocommerce div.product form.cart .variations td.label{ padding-bottom: 15px; } .woocommerce div.product form.cart .variations select { margin-bottom: 15px; } .woocommerce div.product p.stock { font-size: 100%; margin-bottom: 20px; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url { width: 100%; max-width: 374px; padding: 0; float: none; } .woocommerce #review_form #respond textarea, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author input, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email input, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url input{ margin: 0; } .woocommerce #review_form #respond p.form-submit { margin-bottom: 0; margin-top: 20px; text-align: left; } .woocommerce #review_form #respond p.form-submit input[type="submit"] { padding: 15px 15px; font-size: 14px; } .woocommerce .comment-form p.stars a { color: #313131; } .woocommerce .comment-form p.stars a:hover { color: #FFCA00; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 0; background: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 80px; border: 1px solid #dedede; padding: 12px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta { margin-bottom: 9px; color: #888888; font-size: 14px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 13px; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong { font-size: 14px; color: #313131; text-transform: uppercase; font-family: 'Raleway', sans-serif; } .woocommerce #reviews #comments ol.commentlist li .comment-text div[itemprop="description"] > p:last-child { margin: 0; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background: #fff; border: 1px solid #dedede; border-top: 3px solid #6eb48c; margin-bottom: 30px !important; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top: 1em; margin-top: 3px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0 0 15px 0; margin: 0 0 15px; border-bottom: 1px solid #DEDEDE; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin-top: 20px; padding-top: 15px; font-size: 16px; } .woocommerce .widget_shopping_cart p.buttons, .woocommerce.widget_shopping_cart p.buttons { margin-top: 15px; } .woocommerce .widget_shopping_cart p.buttons a, .woocommerce.widget_shopping_cart p.buttons a, .woocommerce .widget_price_filter .price_slider_amount .button { color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 12px; } .woocommerce .widget_shopping_cart p.buttons a.checkout, .woocommerce.widget_shopping_cart p.buttons a.checkout { margin-left: 16px; } .woocommerce .widget_shopping_cart p.buttons a:hover, .woocommerce.widget_shopping_cart p.buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce div.product form.cart .button:hover { opacity: 0.8; background: #313131; color: #fff; text-decoration: none; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-size: 16px; font-weight: bold; margin-bottom: 10px; text-decoration: none; font-family: 'Raleway', sans-serif; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 90px; margin: 0 20px 0 0; float: left; } .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { font-size: 18px; color: #6eb48c; text-decoration: none; } .woocommerce ul.cart_list li del .amount, .woocommerce ul.product_list_widget li del .amount { font-size: 16px; color: #ccc; margin-right: 5px; } .woocommerce ul.product_list_widget li ins, .woocommerce ul.product_list_widget li ins { text-decoration: none; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin-bottom: 10px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { font-size: 24px; width: 24px; height: 24px; background: none !important; color: #ff0000 !important; border: 1px solid #ccc; line-height: 20px; text-align: center; margin-top: 5px; margin-left: 5px; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 6px; margin-bottom: 20px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #DEDEDE; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #313131; width: 18px; height: 18px; top: -6px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #888; } .woocommerce .widget_price_filter .price_label { color: #888; font-size: 14px; } .woocommerce .woocommerce-product-search .screen-reader-text { display: none; } .woocommerce .woocommerce-product-search input[type="submit"] { display: none; } .woocommerce .woocommerce-product-search input[type="search"] { border: 1px solid #e9e9e9; background: #fff url(https://mikuta.nu/wp-content/themes/soledad/images/searchsubmit.png) no-repeat 94% 15px; padding: 14px 43px 14px 20px; color: #313131; } .woocommerce table.shop_table { border: none; border-collapse: collapse; margin: 0 0 27px 0; } .woocommerce table.shop_table th { padding: 0 0 15px 0; font-weight: bold; text-transform: uppercase; color: #313131; background: none; font-size: 14px; font-family: 'Raleway', sans-serif; } .woocommerce table.shop_table td { padding: 30px 0; border-color: #dedede; border-bottom: none; } .woocommerce-cart table.cart img { width: 90px; } .woocommerce table.shop_table a.remove { width: 30px; height: 30px; border: 1px solid #dedede; color: #dedede !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none !important; line-height: 26px; font-size: 26px; text-decoration: none; } .woocommerce table.shop_table a.remove:hover { color: #ff0000 !important; } .woocommerce table.shop_table td.product-name a { font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; text-decoration: none; } .woocommerce table.shop_table td.product-name a:hover { color: #6eb48c; } .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span{ font-size: 18px; color: #6eb48c; } .woocommerce table.shop_table .quantity .qty { line-height: 28px; } .woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid #e9e9e9; padding: 14px 20px 13px; font-family: 'PT Serif', serif; font-size: 12px; color: #313131; min-width: 150px; margin-right: 20px; } .woocommerce-cart table.cart input[type="submit"] { padding: 15px 20px 15px; font-size: 14px; background: #313131; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart table.cart input[type="submit"]:hover { background: #313131; color: #fff; opacity: 0.8; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 16px; text-transform: uppercase; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: collapse; border: 1px solid #dedede; padding: 0 30px; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { background: none; padding: 15px 30px; } .woocommerce-cart .cart-collaterals .cart_totals table td .amount { font-size: 18px; color: #6eb48c; } .woocommerce-cart .cart-collaterals .cart_totals .form-row { padding: 0; margin-bottom: 15px; } .woocommerce-shipping-calculator p { margin-bottom: 10px; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form select { padding: 5px; max-width: 400px; width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="text"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="date"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="number"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="search"] { max-width: 400px; padding: 8px; } .woocommerce .woocommerce-info:before { color: #6eb48c; top: 1em; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"] { padding: 14px 20px; color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"]:hover { background: #313131; color: #fff; opacity: 0.8; } .woocommerce-cart .wc-proceed-to-checkout a { display: inline-block !important; padding-left: 20px !important; padding-right: 20px !important; background: #313131 !important; color: #fff !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart .wc-proceed-to-checkout a:hover { opacity: 0.8; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0; border: 1px solid #dedede; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { border: 1px solid #dedede; padding: 14px 20px; color: #313131; } p.lost_password { margin-bottom: 0 !important; } .woocommerce form.checkout_coupon { } .woocommerce form.login .form-row { margin-bottom: 20px; } .woocommerce form .form-row input[type="submit"], .woocommerce .return-to-shop .button { background: #313131; color: #fff; padding: 15px 20px; } .woocommerce form .form-row input[type="submit"]:hover, .woocommerce .return-to-shop .button:hover { opacity: 0.8; background: #313131; color: #fff; } .woocommerce form.login .form-row input[type="submit"] { margin-right: 20px; } .woocommerce form.checkout .form-row { margin-bottom: 20px; padding: 0; } .woocommerce form .form-row { padding-left: 0; padding-right: 0; } .woocommerce form.checkout h3 { font-size: 16px; text-transform: uppercase; } .woocommerce form.checkout h3#order_review_heading { margin-top: 28px; } .woocommerce form.checkout table.shop_table { border: 1px solid #dedede; } .woocommerce form.checkout table.shop_table th, .woocommerce form.checkout table.shop_table td { padding: 15px 30px; } .woocommerce form.checkout table.shop_table .amount { font-size: 16px; } .woocommerce form.checkout table.shop_table .order-total .amount { color: #6eb48c; } .woocommerce-checkout #payment { background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 30px; border: 1px solid #dedede; } .woocommerce-checkout #payment ul.payment_methods li { list-style: none !important; } .woocommerce-checkout #payment div.form-row.place-order { padding: 0; margin-top: 30px; margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box { background: none; color: #888; padding: 0; } .woocommerce-checkout #payment div.payment_box:before { content: none; display: none; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; } .woocommerce form.lost_reset_password .form-row input[type="submit"], .woocommerce form.register .form-row input[type="submit"] { margin-top: 20px; } div.ppt { font-weight: normal; } .pp_gallery ul a, .pp_gallery ul { height: 62px; } .pp_gallery { margin-top: -65px; } .pp_nav p { line-height: 1; } .penci-google-adsense-1, .penci-google-adsense-2 { margin: 0 0 30px; text-align: center; overflow: hidden; } /*----------------------------------------------- Responsive Design ------------------------------------------------*/ /*--------- Max width 1169px and Min width 961px ---------*/ @media only screen and (min-width: 1170px) { .footer-widget-wrapper .fb_iframe_widget, .footer-widget-wrapper .fb_iframe_widget span, .footer-widget-wrapper .fb_iframe_widget span iframe[style] { width: 340px !important; } .footer-widget-wrapper .widget.penci_facebook_widget { text-align: center; } } @media only screen and (max-width: 1169px) { .penci-video-overlay-background { display: block; } .inner-portfolio-posts .portfolio-item { width: 50%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p { display: block; max-width: 100% !important; text-align: center; padding: 0; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"], .penci-header-signup-form .mc4wp-form input[type="submit"] { margin: 20px auto 0; max-width: 400px; } .penci-post-gallery-container.masonry.column-4 .item-gallery-masonry { width: 50%; } } @media only screen and (min-width: 961px) and (max-width: 1169px) { .container, .featured-area.style-1, .featured-area.style-4, .featured-area.magazine-slider, #navigation ul.menu > li.megamenu > ul.sub-menu { width: 940px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 1000px; } .container.has-banner #logo { width: 320px; padding-right: 30px; } .container.has-banner .header-banner { width: 620px; } #navigation.header-4 #top-search, #navigation.header-5 #top-search, #navigation.header-6 #top-search { margin-left: 26px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 33.3333%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-1 .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-1 .penci-mega-post:nth-child(4), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(9), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(10), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(8), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(7), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(15), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(14), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(13), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(12), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(11), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(10) { display: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n+1) { clear: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(4n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(3n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(3n+1){ clear: both; } #navigation ul.menu > li, #navigation .menu > ul > li{ margin-right: 26px; } #navigation ul.menu li.megamenu ul ul > li > a, #navigation .menu ul li.megamenu ul ul > li > a { margin: 0 10px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 38.7%; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-magazine-slider ul.mag-wrap li { width: 303px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 636px; } ul.homepage-featured-boxes li .penci-fea-in { height: 185px; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 160px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 10px; top: 10px; right: 10px; bottom: 10px; } .penci-grid li.list-post .item .content-list-right { padding-left: 400px; } .penci_sidebar .penci-grid li.list-post .item .content-list-right, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 321px; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid li.list-boxed-post-2 { width: 50%; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 100%; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) { clear: both; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 312px; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-top { display: none; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-bottom { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-top { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-bottom { display: none; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 14px; } .container.penci_sidebar .penci-grid li.typography-style { width: 48.05%; margin-right: 3.9%; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(3n+3) { margin-right: 3.9%; clear: none; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) { margin-right: 0; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) { clear: both; } .container.penci_sidebar .penci-grid li.typography-style { width: 100%; margin-right: 0; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 11px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17%; } .penci-grid .list-post.list-boxed-post .item .content-list-right { min-height: 313px; height: 313px; } .container.penci_sidebar .penci-masonry .item-masonry.standard-masonry { width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail { width: 100%; } .home-featured-cat-content .magcat-detail h3 a { font-size: 14px; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .widget-social.show-text a span { margin-left: 1px; font-size: 12px; } ul.footer-socials li { margin-right: 12px; } ul.footer-socials li a span { margin-left: 8px; } .overlay-header-box .overlay-title a { font-size: 20px; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { font-size: 14px; } .penci-widget-slide-detail .slide-item-date { font-size: 13px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 16px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { font-size: 16px; } .woocommerce div.product .product_title { font-size: 24px; } } @media only screen and (max-width: 1169px) { .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 0 5px; width: 100% !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 { margin: 0; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content { width: 50%; float: left; display: block; margin: 0 !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:first-child { border-right: 3px solid transparent; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:last-child { border-left: 3px solid transparent; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content { width: 100%; border: none !important; } .penci-magazine-slider img { width: 100%; } } /*--------- Min width 961px ---------*/ @media only screen and (min-width: 961px) { #navigation .menu { display: inline-block !important; } } /*--------- Max width 960px ---------*/ @media only screen and (max-width: 960px) { .container.has-banner #logo { text-align: center; display: block; width: auto; } .container.has-banner .header-banner { display: block; margin-top: 30px; width: 100%; } .featured-area.style-7.loaded .featured-carousel:before { content: none; display: none; } .penci-top-bar { text-align: center; } .penci-top-bar.no-social { display: none; } .penci-topbar-social { float: none; } .headline-title, .penci-headline-posts { display: none; } .overlay-video-click { display: none !important; } #navigation.header-6 { height: 60px; } #navigation.header-6 .container { text-align: center; } #navigation.header-6 #logo { float: none; display: inline-block; } #navigation.header-6 #logo img { max-height: 58px !important; padding: 10px 0 !important; } #navigation.header-6 .show-search { height: 58px; } #navigation.header-6 #top-search > a, #navigation.header-6 .show-search a.close-search { height: 58px; line-height: 58px; } #navigation.header-6 .show-search #searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 12px; } .penci-magazine-slider ul.mag-wrap li { width: 50%; border: none; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-prev { left: 0 !important; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-next { right: 0 !important; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 100%; border: none; border-bottom: 4px solid transparent; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 { border-right: 2px solid transparent; border-bottom: none; } .penci-magazine-slider ul.mag-wrap li.mag-item-3 { border-left: 2px solid transparent; border-bottom: none; } h2.penci-heading-video { font-size: 24px; } p.penci-sub-heading-video { font-size: 14px; } .penci-grid li.list-boxed-post-2 { width: 100% !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .container .penci-grid li.typography-style { width: 100% !important; margin-right: 0 !important; } .penci-photo-2-effect figcaption p, .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after, .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .grid-mixed .thumbnail img { width: 100%; height: auto; } .grid-mixed .thumbnail.thumb-left, .grid-mixed .mixed-detail { display: block !important; width: 100%; } .grid-mixed .mixed-detail { padding: 30px; } .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .grid-mixed .thumbnail.thumb-right { display: none !important; } #navigation.header-4 .container, #navigation.header-5 .container { text-align: right; } #navigation.header-4 .container #top-search, #navigation.header-5 .container #top-search, #navigation.header-6 .container #top-search { margin-left: 15px; } /* Main Navigation */ #navigation .button-menu-mobile { display: inline-block; } #navigation .menu { display: none !important; } .portfolio-page-content .portfolio-left, .portfolio-page-content .portfolio-right { width: 100%; padding: 0; } .portfolio-page-content .portfolio-left { margin-bottom: 30px; } .container.penci_sidebar #main { width: 100%; margin: 0 0 60px 0; padding: 0 !important; float: none !important; } #sidebar { position: static !important; margin-left: 0 !important; top: auto !important; float: none !important; width: 100% !important; } .featured-carousel .featured-content .feat-text h3 a { font-size: 18px; letter-spacing: 1px; } .featured-carousel .carousel-meta { margin-top: 5px; } .featured-carousel .carousel-meta span { font-size: 13px; } .featured-carousel .featured-cat a { font-size: 11px; } .about-widget { text-align: center; } .footer-widget-wrapper { width: 100%; margin: 0 0 30px 0; float: none; } .footer-widget-wrapper.last { margin-bottom: 0; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li { width: 33.33% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li { width: 20% !important; } .container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item { width: 50%; } .column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4 { width: 100%; margin: 0 0 30px 0; } .penci-masonry .item-masonry { width: 50%; } .standard-masonry .standard-content .standard-share-box { display: none; } .standard-masonry .standard-main-content.has-padding { min-height: 0; padding-left: 0; } ul.footer-socials li a span { display: none; } .inner-item-portfolio{ opacity: 1; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; } .woocommerce div.product .product_title { font-size: 24px; } div.penci-topbar-menu > ul{ display: none !important; } .penci-top-bar.topbar-menu{ height: auto; padding-top: 10px; } ul.penci-topbar-menu, div.penci-topbar-menu > ul { width: 100%; text-align: center; } ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li { float: none; margin-right: 10px; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { line-height: 1.5; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { top: auto; } ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu { z-index: 20; } } /*--------- Max width 960px and min width 768px ---------*/ @media only screen and (min-width: 768px) and (max-width: 960px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 726px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 766px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 420px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 420px; } #logo img { max-width: 600px; height: auto; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 35.3%; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 26px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; } ul.homepage-featured-boxes { margin-left: -10px; margin-right: -10px; } ul.homepage-featured-boxes li { padding: 0 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 158px; } ul.homepage-featured-boxes.boxes-4-columns li{ width: 50%; } ul.homepage-featured-boxes.boxes-4-columns li:nth-child(3), ul.homepage-featured-boxes.boxes-4-columns li:nth-child(4) { margin-top: 20px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 8px; top: 8px; right: 8px; bottom: 8px; } .penci-grid li.list-post .item .content-list-right, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 378px; } .penci-grid .list-post.list-boxed-post .item .content-list-right { display: inline-block; padding: 20px 20px 20px 30px; min-height: 0; height: auto; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .list-boxed-post .inner-content-list-right { vertical-align: top; display: block; } .penci-pinterest-widget-container .penci-images-pin-widget a { width: 16.6666%; } .penci-countdown .countdown-section { margin: 0 20px; } .penci-countdown .countdown-amount { font-size: 60px; } .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-layout-mixed .penci-grid > li { width: 100% !important; margin-right: 0 !important; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 3.9%; } .penci-grid li:nth-of-type(2n+2) { margin-right: 0; } .penci-grid li:nth-of-type(2n+1) { clear: both; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page ul.products > li.product:nth-child( 3n+1 ) { clear: both; } .woocommerce ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page ul.products > li.product:nth-child( 3n+3 ) { margin-right: 0; } } /*--------- Max width 767px ---------*/ @media only screen and (max-width: 767px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 300px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 330px; } .header-slogan .header-slogan-text { padding: 0 10px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 180px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 180px; } .featured-carousel .feat-text .feat-time { display: none; } .featured-carousel .featured-cat a { margin-bottom: 0; } .penci-magazine-slider ul.mag-wrap li { width: 100% !important; border: none !important; border-bottom: 4px solid transparent !important; } .penci-magazine-slider .mag-cat { display: none; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 18px; } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 5px; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-home-popular-posts { padding: 30px 0 0 0; border: none; } .penci-video-overlay { left: 10px; right: 10px; } .penci-video-custom-img { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } h2.penci-heading-video { font-size: 18px; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } p.penci-sub-heading-video { font-size: 12px; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } ul.homepage-featured-boxes li { width: 100% !important; margin-bottom: 20px; } ul.homepage-featured-boxes li:last-child { margin-bottom: 0; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 247px; } #logo img { max-width: 100%; height: auto; } .post-header h1 a, .post-header h2 a, .post-header h1, .archive-box span, .archive-box h1 { font-size: 18px; letter-spacing: 1px; } .standard-content .standard-share-box { display: none; } .standard-main-content.has-padding { padding-left: 0; } .standard-main-content.has-padding, .standard-main-content.classic-main-content.has-padding { min-height: 0; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 120px; width: 100%; } .thecomment .author-img { display: none; } .thecomment .comment-text { margin-left: 0; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject { width: 100%; margin: 0; } .featured-carousel .featured-content .feat-text h3 a { letter-spacing: 1px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 34%; } .featured-carousel > button.slick-next, .featured-carousel > button.slick-prev { right: 10px; } .featured-carousel > button.slick-prev, .penci-slider .penci-direction-nav .penci-prev { left: 10px; } .featured-carousel .featured-content { width: 340px; } .featured-carousel .featured-content .feat-text { padding: 20px 10px !important; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 24px; padding: 0; } .penci-slider.penci-loading { min-height: 250px; } .penci-slider ul.slides li .pencislider-container { padding: 0 65px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 18px; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 13px; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 20px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 8px 20px; font-size: 12px; } .penci-slider .pencislider-container .pencislider-content .pencislider-button:before { content: none; display: none; } .standard-main-content > h2:before, .header-classic > h2 a:before, .header-classic > h2 a:after, .post-header h1 span:before, .post-header h2 span:before, .post-header h1 span:after, .post-header h2 span:after { content: none !important; } .container.penci_sidebar .penci-grid > li { width: 100% !important; margin: 0 0 40px !important; } .post-header h1 span, .post-header h2 span { padding: 0; } .penci-portfolio-filter ul { display: block; } .penci-portfolio-filter ul li { margin: 0 15px 15px; display: block; float: none; } .inner-portfolio-posts .portfolio-item { width: 100% !important; } .post-entry .penci-portfolio-filter ul li { display: block; margin: 0 0 6px 0; float: none; } .penci-grid .list-post.list-boxed-post .item > .thumbnail, .penci-grid .list-post.list-boxed-post .item .content-list-right, .penci-grid li.list-post .item > .thumbnail, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { width: 100%; display: block; height: auto; min-height: 0; float: none; max-width: 100%; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: none; display: none; } .penci-grid li { width: 100% !important; margin-right: 0 !important; float: none; } .container.penci_sidebar .penci-masonry .item-masonry { width: 100%; float: none; position: static !important; margin-bottom: 30px; } .penci-grid li.list-post .item .content-list-right { padding: 0; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px; } .penci-grid li.list-post .item > .thumbnail { margin-bottom: 30px; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { margin-bottom: 0; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { width: 100%; } .penci-masonry .item-masonry { width: 100% !important; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 22px; } .home-featured-cat-content .mag-photo { width: 100%; margin-bottom: 15px; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 100%; float: none; } .home-featured-cat-content .cat-left { margin-bottom: 30px; } .home-featured-cat.mag-cat-style-2 { width: 100%; margin: 0 0 20px 0; float: none; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding: 0; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin-bottom: 24px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { margin-right: 0; width: 100%; float: none; display: table; padding-bottom: 15px; border-bottom: 1px solid #DEDEDE; margin-bottom: 15px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child { border: none; } .content-special-list { padding: 15px; } .format-post-box .post-format-icon { top: 10px; margin-left: -35px; } .format-post-box .post-format-icon i { font-size: 24px; } .format-post-box.penci-format-quote .dt-special, .format-post-box .dt-special, .format-post-box .dt-special a { font-size: 16px; line-height: 1.7; } .author-quote span { font-size: 13px; } .under-construction-page .under-title { font-size: 23px; } .penci-countdown .countdown-section { margin: 0 5px; } .penci-countdown .countdown-amount { font-size: 30px; } .penci-countdown .countdown-period { font-size: 13px; letter-spacing: 1px; margin: 15px 0 0; } .post-entry h1 { font-size: 24px; } .post-entry h2 { font-size: 22px; } .post-entry h3 { font-size: 20px; } .post-entry h4 { font-size: 18px; } .post-entry h5 { font-size: 16px; } .post-entry h6 { font-size: 15px; } ul.footer-socials li { margin-right: 20px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 20px; letter-spacing: 1px; } .tags-share-box { padding: 20px 0; } .post-share { position: static; margin-top: 15px; clear: both; display: block; } .penci-overlay-over .overlay-header-box { padding: 0; left: 10px; right: 10px; } .overlay-header-box .cat, .overlay-header-box .overlay-author { display: none; } .overlay-header-box .overlay-title a { font-size: 18px; } .penci-overlay-over .overlay-header-box:after { content: none; display: none; } .overlay-post-box-meta { position: static; padding: 20px 0 0; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 7px; } .post-pagination .prev-post, .post-pagination .next-post { float: none; width: 100%; display: table; } .post-pagination .prev-post { margin-bottom: 15px; } .post-entry .penci-recipe-heading h2{ display: block; float: none; font-size: 18px; } .penci-recipe-heading a.penci-recipe-print{ float: none; display: inline-block; height: 26px; line-height: 24px; } .penci-recipe-heading .penci-recipe-meta { margin-top: 15px; } .penci-review-stuff, .penci-review-average, .penci-review-stuff .penci-review-good { width: 100%; } .penci-review-score-total, .penci-review-stuff .penci-review-bad { margin-top: 20px; } .penci-review-container.penci-review-count h4 { font-size: 18px; } .woocommerce .penci_sidebar #content div.product div.images, .woocommerce .penci_sidebar div.product div.images, .woocommerce-page .penci_sidebar #content div.product div.images, .woocommerce-page .penci_sidebar div.product div.images, .woocommerce .penci_sidebar #content div.product div.summary, .woocommerce .penci_sidebar div.product div.summary, .woocommerce-page .penci_sidebar #content div.product div.summary, .woocommerce-page .penci_sidebar div.product div.summary, .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 100%; float: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; margin-bottom: 10px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 48%; margin-right: 4%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+1 ) { clear: none; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+3 ) { margin-right: 4%; } .woocommerce ul.products li.product:nth-child(2n+2), .woocommerce-page ul.products li.product:nth-child(2n+2), .woocommerce .penci_sidebar ul.products > li.product:nth-child( 2n+2 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 2n+2 ) { margin-right: 0; } .woocommerce ul.products li.product:nth-child(2n+1), .woocommerce-page ul.products li.product:nth-child(2n+1), .woocommerce .penci_sidebar ul.products > li.product:nth-child( 2n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 2n+1 ) { clear: both; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span, .woocommerce-cart .cart-collaterals .cart_totals table td .amount { font-size: 16px; } .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions input { width: auto; } .woocommerce #reviews #comments ol.commentlist li img.avatar { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 0; } } /*--------- Max width 767px and Min width 480px ---------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 480px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 520px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 280px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 280px; } #logo img { max-width: 100%; height: auto; } .standard-post-image .audio-iframe, .standard-content-special { left: 15px; right: 15px; bottom: 15px; } .post-image.audio iframe { width: 100%; height: auto; } .penci-countdown .countdown-section { margin: 0 15px; } .penci-countdown .countdown-amount { font-size: 40px; } .penci-countdown .countdown-period { font-size: 16px; margin: 20px 0 0; } } /*--------- Max width 479px ---------*/ @media only screen and (max-width: 479px) { .header-slogan .header-slogan-text { font-size: 12px; padding: 0 10px; } #navigation.header-6 #top-search { margin-left: 5px; } #navigation.header-6 #logo img { max-width: 200px; } .featured-carousel .featured-content { width: 250px; } .featured-carousel .featured-content .feat-text h3 a { font-size: 16px; } .featured-carousel .carousel-meta { display: none; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 14px; } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 15px; } .penci-magazine-slider .penci-direction-nav a.penci-prev { left: 10px; } .penci-magazine-slider .penci-direction-nav a.penci-next { right: 10px; } .penci-magazine-slider ul.mag-wrap li .mag-content { width: 100% !important; border: none !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content { margin-bottom: 5px !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 !important; border: none !important; } .featured-carousel.style-7 .featured-content { bottom: 5px; } .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .standard-post-image .audio-iframe, .standard-content-special { left:10px; right: 10px; bottom: 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 200px !important; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { top: 10px; left: 10px; bottom: 10px; right: 10px; } .footer-widget-wrapper .quote-widget > p { padding-left: 35px; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 15px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 13px; } .post-box-meta span.author-post { display: none; } .standard-post-special.penci-special-format-quote .standard-content-special { position: relative; left: auto; right: auto; bottom: auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #DEDEDE; border-top: none; } .format-post-box { padding-left: 20px; padding-right: 20px; } .format-post-box.penci-format-link { padding: 15px; } .format-post-box .dt-special a { font-size: 14px; } .post-entry blockquote { padding: 0 0 0 40px; } .post-entry blockquote:before { font-size: 56px; } .post-entry blockquote, .post-entry blockquote p { font-size: 15px; } .post-author .author-content { margin: 0; } .author-img { margin-right: 20px; } .author-img img { width: 80px; height: auto; margin: 0; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a { font-size: 18px; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next, .penci-magazine-slider .penci-direction-nav a { width: 32px; height: 32px; line-height: 32px; margin-top: -16px; font-size: 15px; } .penci-slick-slider > button.slick-next { right: 10px; } .penci-slick-slider > button.slick-prev { left: 10px; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { line-height: 32px; font-size: 15px; } .featured-carousel > button.slick-prev, .featured-carousel > button.slick-next { display: none !important; } .featured-carousel .featured-content { width: 240px; top: 37%; } .featured-carousel .featured-cat a { padding: 2px 10px 1px; } .featured-carousel.style-2 .featured-content { top: 37%; } .featured-carousel .featured-content .feat-text { padding: 15px 10px !important; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 20px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short, .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17.5%; } .featured-carousel .featured-cat { margin-bottom: 5px; } .wrapper-boxed.enable-boxed .featured-carousel .featured-content .feat-text h3 a, .featured-carousel .featured-content .feat-text h3 a { font-size: 14px; letter-spacing: 1px; } .penci-slider.penci-loading { min-height: 160px; } .penci-slider ul.slides li .pencislider-container { padding: 0 20px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 14px; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 12px; margin: 3px 0 0; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 14px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 5px 10px; font-size: 10px; } .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next { display: none !important; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px 15px !important; clear: both; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 16px; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .container .penci-grid li.typography-style .grid-post-box-meta { display: none; } .grid-mixed .mixed-detail { padding: 30px 15px; } .grid-mixed .mixed-detail h2 a { font-size: 16px; } .typography-style .content-typography { left: 10px; right: 10px; top: 10px; bottom: 10px; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 200px; height: auto; padding: 30px 15px; } .error-404 .sub-heading-text-404 { font-size: 13px; } .penci-post-box-meta, .penci-post-box-meta.post-box-boxed-1 { text-align: center; } .penci-post-box-meta .penci-post-share-box { display: block; float: none; margin-top: 15px; } .penci-post-box-meta .penci-box-meta i.fa { display: none; } .penci-more-link a.more-link { font-size: 12px; padding: 5px 0; } .widget .tagcloud a { font-size: 10px !important; padding: 4px 10px 3px; margin-right: 4px; margin-bottom: 8px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 18px; } .cat > a.penci-cat-name, .penci-grid li .item .cat a, .penci-masonry .item-masonry .cat a { font-size: 11px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail h3 a { font-size: 16px; letter-spacing: 0; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .home-featured-cat-content .magcat-detail h3 a { font-size: 15px; line-height: 1.3; } .home-featured-cat-content .magcat-detail .mag-meta span { font-size: 13px; } .post-box-meta-single span { display: block; margin-top: 5px; } .post-box-meta-single span:before { content: ""; display: none; } .penci-pagination a, .penci-pagination .disable-url { font-size: 11px; } .penci-pagination a i { font-size: 12px; } ul.slick-dots li button { margin: 0 3px; } .home-pupular-posts-title { font-size: 16px; } #footer-copyright * { font-size: 12px; } a img.alignleft, a img.alignright, a img.alignnone { margin: 0 0 30px 0; float: none; } .post-entry ul { padding-left: 25px; } .post-entry ol { padding-left: 43px; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a, .archive-box span, .archive-box h1 { font-size: 16px; } .post-header h1 { font-size: 16px; } .page .post-header h1 { font-size: 20px; } .post-tags { display: block; } .post-share { display: block; float: none; margin-top: 8px; } .post-share .share-title { display: inline-block; } .post-pagination .prev-post, .post-pagination .next-post { width: 100%; float: none; } .post-pagination .prev-post { margin-bottom: 15px; } .penci-post-nav-thumb { display: none !important; } .comments ul.children { margin: 0 0 0 35px; } #sidebar-nav { width: 270px; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } .open-sidebar-nav #close-sidebar-nav { left: 270px; } .open-sidebar-nav #sidebar-nav { left: 270px; } .penci-pagination ul.page-numbers li { margin-right: 5px; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a { width: 25px; } ul.footer-socials li { margin-right: 10px; } ul.footer-socials li a { line-height: 32px; } ul.footer-socials li a i { width: 32px; height: 32px; line-height: 32px; font-size: 14px; } #footer-logo img { max-width: 280px; } .footer-instagram h4.footer-instagram-title span { padding: 0 20px; font-size: 12px; } .comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment { margin: 0 0 0 30px; } .overlay-header-box .overlay-title a { font-size: 16px; } .overlay-post-box-meta > div { margin-top: 15px; } .overlay-post-box-meta > div:first-child { margin-top: 0; display: block; } .overlay-post-box-meta > div:after { content: none; display: none; } .penci-single-mag-slider .magcat-detail { padding: 10px 15px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 15px; } .home-featured-cat-content .magcat-detail .mag-meta { display: none; } .footer-menu li { padding: 0 5px; } .penci-post-gallery-container.masonry .item-gallery-masonry { width: 100% !important; opacity: 1; } .penci-post-gallery-container.masonry .item-gallery-masonry.animated { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; } .penci-recipe-heading .penci-recipe-meta > span { display: block; margin-bottom: 4px; } .penci-recipe-heading .penci-recipe-meta > span:last-child { margin-bottom: 0; } .post-entry .penci-recipe-title { font-size: 13px; } .post-entry .penci-recipe-heading h2 { font-size: 18px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 100% !important; margin-right: 0 !important; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url { max-width: 300px; } .woocommerce table.shop_table th { font-size: 12px; } .woocommerce table.shop_table .quantity .qty { width: 46px; font-size: 14px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 48%; margin-right: 0; margin-bottom: 20px; } .woocommerce table.shop_table a.remove { width: 20px; height: 20px; line-height: 18px; font-size: 20px; } .woocommerce table.shop_table td.product-name a { font-size: 14px; padding-left: 5px; } } @media screen and (max-width: 782px) and ( min-width: 601px ) { .admin-bar .is-sticky #navigation { top: 46px !important; } } @media screen and (max-width: 600px) { .is-sticky #navigation { top: 0 !important; z-index: 999999; } #sidebar-nav, #close-sidebar-nav { z-index: 9999999; } #close-sidebar-nav i { display: inline-block; } } /* Theme Name: mikuta Theme URI: http://mikuta.nu Description: A child theme of soledad, created for mikuta.nu Author: Benedict Wallis Author URI: https://benedict-wallis.com Template: soledad Version: 1.0 */ #infinite-pagination-spinner { margin: 30px auto; background: url('https://mikuta.nu/wp-content/themes/soledad/images/loading.gif') center center no-repeat; height: 50px; } .page-template-diary .post-pagination, .page-template-diary .post-related { display: none; } .page-template-diary .post-title a { color: #313131; } @media only screen and (max-width: 767px) { .wrapper-boxed > .container { width: 100%; } .wpcf7, .wpb_text_column { padding: 0 15px !important; } } /** Responsive table courtesy of Mark Wiltshire: mark@bamboorocketapps.com (thanks!) For more styles try: http://icant.co.uk/csstablegallery/ ---- Generic styles: Here you could e.g. customise width of column 1 and 2, or add a generic roll-over effect on table rows */ .cookielawinfo-column-1 {width: 25%;} .cookielawinfo-column-2 {width: 10%;} .cookielawinfo-column-3 {width: 15%;} .cookielawinfo-column-4 {width: 50%;} /** Simple style */ .cookielawinfo-simple thead {width: 100%;} .cookielawinfo-simple td {padding: 5px 5px 5px 0;vertical-align: top;} .cookielawinfo-simple thead th {padding-right: 10px;text-align: left;} /** Modern style */ .cookielawinfo-modern {border: 1px solid #e3e3e3;background-color: #f2f2f2;width: 100%;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} .cookielawinfo-modern td, .cookielawinfo-modern th {padding: 5px;color: #333;} .cookielawinfo-modern thead {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding: .2em 0 .2em .5em;text-align: left;color: #4B4B4B;background-color: #C8C8C8;background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);border-bottom: solid 1px #999;} .cookielawinfo-modern th {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 17px;line-height: 20px;font-style: normal;font-weight: normal;text-align: left;text-shadow: white 1px 1px 1px;} .cookielawinfo-modern td {line-height: 20px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;} .cookielawinfo-modern tr.cookielawinfo-row:hover {background-color: #fff;} /** Elegant style */ .cookielawinfo-elegant {border: 1px solid #DFDFDF;background-color: #F9F9F9;width: 100%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;color: #333;} .cookielawinfo-elegant tr {border-top-color: white;border-bottom: 1px solid #DFDFDF;color: #555;} .cookielawinfo-elegant th {text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight: normal;padding: 7px 7px 8px;text-align: left;line-height: 1.3em;font-size: 14px;} .cookielawinfo-elegant td {font-size: 12px;padding: 4px 7px 2px;vertical-align: top;} /** Rounded style */ .cookielawinfo-rounded {background-color: #f5f5f5;padding: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #ebebeb;} .cookielawinfo-rounded td, .rounded th {padding: 1px 5px;} .cookielawinfo-rounded thead {text-shadow: 0 1px 0 white;color: #999;} .cookielawinfo-rounded th {text-align: left;text-transform: uppercase;font-size: 11pt;border-bottom: 1px solid #fff;padding: 1px 5px;} .cookielawinfo-rounded td {font-size: 10pt;padding: 5px;} .cookielawinfo-rounded tr.cookielawinfo-row:hover {background-color: #fff;} /** Classic Style */ table.cookielawinfo-classic {font-family: Verdana, Arial, Helvetica, sans-serif;border-collapse: collapse;border-left: 1px solid #ccc;border-top: 1px solid #ccc; color: #333;} table.cookielawinfo-classic thead tr th {text-transform: uppercase;background: #e2e2e2;} table.cookielawinfo-classic tfoot tr th, table.cookielawinfo-classic tfoot tr td {text-transform: uppercase;color: #000;font-weight: bold;} table.cookielawinfo-classic tfoot tr th {width: 20%;} table.cookielawinfo-classic tfoot tr td {width: 80%;} table.cookielawinfo-classic td, table.cookielawinfo-classic th {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px;line-height: 1.8em;font-size: 0.8em;vertical-align: top;width: 20%;} table.cookielawinfo-classic tr.odd th, table.cookielawinfo-classic tr.odd td {background: #efefef;} /* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */ table.cookielawinfo-winter {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 10px 0 20px; border-collapse: collapse; color: #333; background: #F3F5F7;} table.cookielawinfo-winter a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;} table.cookielawinfo-winter a:visited {color: #777;} table.cookielawinfo-winter a:hover {color: #000;} table.cookielawinfo-winter caption {text-align: left; text-transform: uppercase; padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;} table.cookielawinfo-winter thead th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;} table.cookielawinfo-winter tbody {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;} table.cookielawinfo-winter tbody {border-bottom: 1px solid #EAECEE;} table.cookielawinfo-winter tbody td, table.cookielawinfo-winter tbody th {padding: 10px; background: url("https://mikuta.nu/wp-content/plugins/cookie-law-info/legacy/public/css/../../images/td_back.gif") repeat-x; text-align: left;} table.cookielawinfo-winter tbody tr {background: #F3F5F7;} table.cookielawinfo-winter tbody tr.odd {background: #F0F2F4;} table.cookielawinfo-winter tbody tr:hover {background: #EAECEE; color: #111;} table.cookielawinfo-winter tfoot td, table.cookielawinfo-winter tfoot th, table.cookielawinfo-winter tfoot tr {text-align: left; font: 120% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;} /** 27/05/2013: responsive table by Mark Wiltshire */ @media(max-width:800px) { table.cookielawinfo-row-cat-table td, table.cookielawinfo-row-cat-table th { width:23%; font-size:12px; word-wrap: break-word; } table.cookielawinfo-row-cat-table .cookielawinfo-column-4, table.cookielawinfo-row-cat-table .cookielawinfo-column-4 { width:45%; } } .cookielawinfo-row-cat-title{ border-bottom: 1px solid #eee; text-align: center; } .cookielawinfo-row-cat-title-head{ text-align: center; } .cookielawinfo-row-cat-table{ width: 99%; margin-left: 5px; }