/** * Theme Name: Algori Shop * Description: Used to style the TinyMCE editor. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # GENERAL # DIVIDERS # BUTTON # SOCIAL ICONS # SERVICES TABS # TABS ON TOP # TESTIMONIALS # COLUMN TESTIMONIALS # ACCORDION / TOGGLE # SERVICES ICONS # BLOG # PAGINATION # AUTHOR # SIDEBAR # PRICING TABLE # PORTFOLIO # TOOLTIP # FEATURES # LINKS # ACCESSIBILTY # ALIGNMENTS # CONTENT (POSTS & COMMENTS) # WIDGETS # INFINITE SCROLL # MEDIA # CAPTIONS # GALLERIES # BLOCKS --------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* GENERAL /*-----------------------------------------------------------------------------------*/ /* Main Columns Width */ .wp-block { max-width: 720px; } /* Width of "wide" blocks */ .wp-block[data-align="wide"] { max-width: 1080px; } /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } /* Body */ body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-family: 'Raleway', sans-serif; overflow-x: hidden; background-color: #FFF; color: #7a7a7a; font-size: 16px; font-weight: 500; -ms-word-wrap: break-word; word-wrap: break-word; } .container { padding-right: 0; padding-left: 0; } body, li, address { line-height: 1.8 } input, button, select, search, textarea { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; } a { color: #3f8dbf; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } a:hover, a:focus { color: #2e2e2e; text-decoration: none; } .colored { color: #3f8dbf } h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; margin-top: 0; color: #616161; margin-bottom: 10px; font-weight: 800; } h1 { font-size: 26px; line-height: 30px; } h2 { font-size: 22px; line-height: 28px; } h3 { font-size: 18px; line-height: 22px; } h4 { font-size: 16px; margin-bottom: 8px; } h5 { font-size: 14px } h6 { font-size: 12px } .editor-post-title__input { font-family: 'Raleway', sans-serif; color: #616161; font-weight: 800; font-size: 22px; line-height: 28px; } .page-title { min-height: 91px } .page-title h1 { font-size: 22px; font-weight: normal; margin: 4px 0 0 0; } h3.post-title { font-size: 16px } h1.post-title { font-size: 22px; line-height: 28px; } .post-title a { color: #616161 } .post-title a:hover { color: #3f8dbf } .classic-blog .post-title { margin: 0 0 3px 0 } .upper { text-transform: uppercase } .section-title { margin-bottom: 40px } .section-title h2 { font-weight: 800; text-transform: lowercase; font-size: 25px; color: #b6b6b6; } .section-title .icon { display: inline-block; font-size: 18px; line-height: 21px; width: 130px; margin: 0 auto; position: relative; color: #cacaca; } .section-title .icon:before { display: inline-block; content: ""; border-bottom: 1px solid #dadada; position: absolute; left: 0; top: 10px; width: 50px; } .section-title .icon:after { display: inline-block; content: ""; border-bottom: 1px solid #dadada; position: absolute; right: 0; top: 10px; width: 50px; } .light-wrapper { background: #FFF; border-bottom: 1px solid #e3e3e3; } .dark-wrapper { background: #f9f9f9; border-bottom: 1px solid #e3e3e3; } .black-wrapper { background: #090909; color: #cacaca; } .black-wrapper .lead { color: #cacaca } .black-wrapper a { color: #cacaca } .black-wrapper a:hover { color: #3f8dbf } .black-wrapper h1, .black-wrapper h2, .black-wrapper h3, .black-wrapper h4, .black-wrapper h5, .black-wrapper h6 { color: #f0f0f0 } .black-wrapper .section-title h2, .black-wrapper .section-title .icon { color: #9b9b9b } .black-wrapper .section-title .icon:before, .black-wrapper .section-title .icon:after { border-color: #636363 } .widget-title { font-size: 14px; margin: 0 0 20px 0; } .footer-slogan { font-size: 18px; } .footer-menu { padding: 0; margin: 0; list-style: none; } .footer-menu li { display: inline; padding-left: 10px; } .footer-menu li:before { display: inline-block; content: "|"; padding-right: 12px; } .footer-menu li:first-child:before { display: none } .sub-footer { background: #090909; padding: 35px 0; } .sub-footer p { padding: 0; margin: 0; } footer .post-list { list-style: none; margin: 0; padding: 0; } footer .post-list li { margin-top: 19px; padding-top: 20px; border-top: 1px solid #434343; } footer .post-list li:first-child { border-top: none; margin: 0; padding: 0; } footer .post-list li h6 { font-size: 14px; line-height: 1.8; font-weight: normal; letter-spacing: normal; text-transform: none; margin: 0; } footer .post-list li em { color: #838383; font-size: 12px; font-style: normal; } .tagcloud { line-height: 1.8 } .color-wrapper { background: #3f8dbf } .color-wrapper .container .footer-callout { width: 100%; padding: 25px 0px 15px 0px; } .footer-callout .footer-callout-content { font-family: 'Raleway',Arial !important; font-size: 28px; line-height: 36px; font-weight: 700; } .footer-callout .footer-callout-btn { text-align: right; } .color-wrapper, .color-wrapper p { color: #FFF } .color-wrapper h1, .color-wrapper h2, .color-wrapper h3, .color-wrapper h4, .color-wrapper h5, .color-wrapper h6 { color: #FFF } .inner { padding-top: 70px; padding-bottom: 70px; } .page-title .inner { padding-top: 26px; padding-bottom: 26px; } .lead { font-size: 28px; line-height: 36px; font-weight: 700; } .thin { width: 80%; margin: 0 auto; } ul { padding: 0 0 0 18px } ol { padding: 0 0 0 20px } ul.circled { padding: 0; list-style: none; } ul.circled li:before { content: '\f10c'; margin-right: 10px; font-weight: normal; vertical-align: top; padding-top: 1px; display: inline-block; font-family: 'FontAwesome'; color: #3f8dbf; font-size: 8px; } dfn, cite, em, address, i { font-style: italic; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } blockquote { border-left: 2px solid #dadada; padding: 0 20px; } blockquote p { font-size: 20px; line-height: 32px; font-weight: 300; } blockquote small { color: #3f8dbf } hr { border: 0; border-bottom: 1px solid #dadada; margin: 60px 0; } .map iframe { display: block; max-width: 100%; } .dropcap { font-weight: 800; display: block; float: left; font-size: 49px; padding: 0; margin: 0; margin: 12px 8px 0 0; text-transform: uppercase; } /*-----------------------------------------------------------------------------------*/ /* DIVIDERS /*-----------------------------------------------------------------------------------*/ .divide0 { width: 100%; height: 0px; } .divide2 { width: 100%; height: 2px; } .divide3 { width: 100%; height: 3px; } .divide5 { width: 100%; height: 5px; } .divide10 { width: 100%; height: 10px; } .divide15 { width: 100%; height: 15px; } .divide20 { width: 100%; height: 20px; } .divide25 { width: 100%; height: 25px; } .divide30 { width: 100%; height: 30px; } .divide35 { width: 100%; height: 35px; } .divide40 { width: 100%; height: 40px; } .divide45 { width: 100%; height: 40px; } .divide50 { width: 100%; height: 50px; } .divide55 { width: 100%; height: 55px; } .divide60 { width: 100%; height: 60px; } .divide65 { width: 100%; height: 65px; } .divide70 { width: 100%; height: 70px; } .divide75 { width: 100%; height: 75px; } .divide80 { width: 100%; height: 80px; } .divide85 { width: 100%; height: 85px; } .rm0 { margin-right: 0px } .rm1 { margin-right: 1px } .rm2 { margin-right: 2px } .rm5 { margin-right: 5px } .rm10 { margin-right: 10px } .rm15 { margin-right: 15px } .rm20 { margin-right: 20px } .rm25 { margin-right: 25px } .rm30 { margin-right: 30px } .rm40 { margin-right: 40px } .rm50 { margin-right: 50px } .lm0 { margin-left: 0px } .lm1 { margin-left: 1px } .lm5 { margin-left: 5px } .lm7 { margin-left: 7px } .lm10 { margin-left: 10px } .lm15 { margin-left: 15px } .lm20 { margin-left: 20px } .lm25 { margin-left: 25px } .lm30 { margin-left: 25px } .lm40 { margin-left: 40px } .rp5 { padding-right: 5px } .rp10 { padding-right: 10px } .rp15 { padding-right: 15px } .rp20 { padding-right: 20px } .rp30 { padding-right: 30px } .rp50 { padding-right: 50px } .lp0 { padding-left: 0px } .lp10 { padding-left: 10px } .lp20 { padding-left: 20px } .lp30 { padding-left: 30px } .tp0 { padding-top: 0 !important } .tp3 { padding-top: 3px } .tp5 { padding-top: 5px } .tp10 { padding-top: 10px } .tp20 { padding-top: 20px } .tp30 { padding-top: 30px } .tm4 { margin-top: 4px } .tm5 { margin-top: 5px } .tm7 { margin-top: 7px } .tm10 { margin-top: 10px } .tm15 { margin-top: 15px } .tm20 { margin-top: 20px } .mbm1 { margin-bottom: -1px } .bp0 { padding-bottom: 0 !important } .bp10 { padding-bottom: 10px !important } .bm0 { margin-bottom: 0 !important } .bm5 { margin-bottom: 5px !important } .bm10 { margin-bottom: 10px !important } .bm15 { margin-bottom: 15px !important } .bm20 { margin-bottom: 20px !important } .bm30 { margin-bottom: 30px !important } .bp50 { padding-bottom: 50px } /*-----------------------------------------------------------------------------------*/ /* BUTTON /*-----------------------------------------------------------------------------------*/ .btn, .parallax .btn-submit, .btn-submit { color: #fff !important; background: #3f8dbf; margin-bottom: 10px; margin-right: 5px; padding: 11px 20px 10px 20px; font-weight: 800; font-size: 13px; text-shadow: none; border: none; text-transform: uppercase; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; letter-spacing: 1px; } .btn-large { padding: 13px 23px 13px 23px } .btn.btn-white { background: #FFF; color: #616161 !important; } .btn.btn-green { background: #1abb9c } .btn.btn-blue { background: #3f8dbf } .btn.btn-red { background: #e8554e } .btn.btn-orange { background: #ee7757 } .btn.btn-purple { background: #9b59b6 } .btn.btn-pink { background: #d487be } .btn.btn-navy { background: #34495e } .btn.btn-gray { background: #95a5a6 } .btn:hover, .btn:focus, .btn:active, .btn.active, .parallax .btn-submit:hover { background: #387eaa; color: #fff !important; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { background: #17a78b !important } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active { background: #e9e9e9 !important; color: #616161 !important; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active { background: #387eaa !important } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { background: #cf4c45 !important } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { background: #d96c4f !important } .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active { background: #8a4fa2 !important } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active { background: #bd78a9 !important } .btn-navy:hover, .btn-navy:focus, .btn-navy:active, .btn-navy.active { background: #2c3e50 !important } .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active { background: #859394 !important } .color-wrapper .btn { background: #FFF !important; color: #616161 !important; } .color-wrapper .btn:hover { background: #e9e9e9 !important } .share .btn { background: none; padding: 8px 17px; } .share .btn:hover { color: #FFF !important } .btn.share-facebook { color: #3d5b9b !important; border: 2px solid #3d5b9b !important; } .btn.share-facebook:hover { background: #334c8e !important; border: 2px solid #334c8e !important; } .btn.share-twitter { color: #5aa8cd !important; border: 2px solid #5aa8cd !important; } .btn.share-twitter:hover { background: #499ac8 !important; border: 2px solid #499ac8 !important; } .btn.share-googleplus { color: #3b3b3b !important; border: 2px solid #3b3b3b !important; } .btn.share-googleplus:hover { background: #2e2e2e!important; border: 2px solid #2e2e2e !important; } .btn.share-pinterest { color: #c53942 !important; border: 2px solid #c53942 !important; } .btn.share-pinterest:hover { background: #bc2d32 !important; border: 2px solid #bc2d32 !important; } .btn-border-dark { background: none !important; border: 2px solid #616161; color: #616161 !important; } .btn-border-dark:hover { background: none !important; border: 2px solid #387eaa; color: #387eaa !important; } .btn-border-light { background: none !important; border: 2px solid #ffffff; color: #ffffff !important; } .btn-border-light:hover { background: none !important; border: 2px solid #387eaa; color: #387eaa !important; } .btn-border-white { background: none !important; border: 2px solid #ffffff; color: #ffffff !important; } .btn-border-white:hover { background: none !important; border: 2px solid #000000; color: #000000 !important; } .connect .btn { border: none !important } .connect .btn:hover { border: none !important } .connect .btn i { padding-right: 3px; font-size: 13px; } .connect .btn.share-facebook { color: #FFF !important; background: #3d5b9b !important; } .connect .btn.share-facebook:hover { background: #334c8e !important } .connect .btn.share-twitter { color: #FFF !important; background: #5aa8cd !important; } .connect .btn.share-twitter:hover { background: #499ac8 !important } /*-----------------------------------------------------------------------------------*/ /* SOCIAL ICONS /*-----------------------------------------------------------------------------------*/ .social { padding: 0; margin: 0; font-size: 0; height: 28px; } .image-caption .social { height: 33px } .social li { display: inline-block; font-family: 'FontAwesome'; margin-right: 5px; } .text-center .social li { margin: 0 2px } .member .social { margin: 10px 0 } .social li a { display: table } .social li a i { text-align: center; display: table-cell; vertical-align: middle; color: #aaa; background: none; border: 1px solid #aaa; width: 28px; height: 28px !important; line-height: 1; font-size: 12px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .social .icon-s-pinterest { border-color: #d8545d; color: #d8545d; } .social .icon-s-rss { border-color: #faaa5e; color: #faaa5e; } .social .icon-s-facebook { border-color: #677fb5; color: #677fb5; } .social .icon-s-twitter { border-color: #70c2e9; color: #70c2e9; } .social .icon-s-flickr { border-color: #ff3ba4; color: #ff3ba4; } .social .icon-s-dribbble { border-color: #e299c2; color: #e299c2; } .social .icon-s-behance { border-color: #42a9fb; color: #42a9fb; } .social .icon-s-linkedin { border-color: #3daccf; color: #3daccf; } .social .icon-s-vimeo { border-color: #42b5d4; color: #42b5d4; } .social .icon-s-youtube { border-color: #d5615c; color: #d5615c; } .social .icon-s-skype { border-color: #5ecbf3; color: #5ecbf3; } .social .icon-s-tumblr { border-color: #829fb9; color: #829fb9; } .social .icon-s-delicious { border-color: #6194dc; color: #6194dc; } .social .icon-s-500px { border-color: #3bbbe6; color: #3bbbe6; } .social .icon-s-grooveshark { border-color: #f88e3b; color: #f88e3b; } .social .icon-s-forrst { border-color: #5f9864; color: #5f9864; } .social .icon-s-digg { border-color: #507faa; color: #507faa; } .social .icon-s-shop { border-color: #fd893f; color: #fd893f; } .social .icon-s-klout { border-color: #e16747; color: #e16747; } .social .icon-s-dropbox { border-color: #6ba3c5; color: #6ba3c5; } .social .icon-s-github { border-color: #6c93bb; color: #6c93bb; } .social .icon-s-songkick { border-color: #ff3b60; color: #ff3b60; } .social .icon-s-posterous { border-color: #efd57c; color: #efd57c; } .social .icon-s-appnet { border-color: #3daad5; color: #3daad5; } .social .icon-s-gplus { border-color: #bc7067; color: #bc7067; } .social .icon-s-stumbleupon { border-color: #f07356; color: #f07356; } .social .icon-s-lastfm { border-color: #cd443d; color: #cd443d; } .social .icon-s-spotify { border-color: #9acf48; color: #9acf48; } .social .icon-s-instagram { border-color: #b99682; color: #b99682; } .social .icon-s-evernote { border-color: #9fdc82; color: #9fdc82; } .social .icon-s-paypal { border-color: #5b85a8; color: #5b85a8; } .social .icon-s-picasa { border-color: #b088c1; color: #b088c1; } .social .icon-s-soundcloud { border-color: #ff8b45; color: #ff8b45; } .social a:hover .icon-s-pinterest { background-color: #d8545d } .social a:hover .icon-s-rss { background-color: #faaa5e } .social a:hover .icon-s-facebook { background-color: #677fb5 } .social a:hover .icon-s-twitter { background-color: #70c2e9 } .social a:hover .icon-s-flickr { background-color: #ff3ba4 } .social a:hover .icon-s-dribbble { background-color: #e299c2 } .social a:hover .icon-s-behance { background-color: #42a9fb } .social a:hover .icon-s-linkedin { background-color: #3daccf } .social a:hover .icon-s-vimeo { background-color: #42b5d4 } .social a:hover .icon-s-youtube { background-color: #d5615c } .social a:hover .icon-s-skype { background-color: #5ecbf3 } .social a:hover .icon-s-tumblr { background-color: #829fb9 } .social a:hover .icon-s-delicious { background-color: #6194dc } .social a:hover .icon-s-500px { background-color: #3bbbe6 } .social a:hover .icon-s-grooveshark { background-color: #f88e3b } .social a:hover .icon-s-forrst { background-color: #5f9864 } .social a:hover .icon-s-digg { background-color: #507faa } .social a:hover .icon-s-shop { background-color: #fd893f } .social a:hover .icon-s-klout { background-color: #e16747 } .social a:hover .icon-s-dropbox { background-color: #6ba3c5 } .social a:hover .icon-s-github { background-color: #6c93bb } .social a:hover .icon-s-songkick { background-color: #ff3b60 } .social a:hover .icon-s-posterous { background-color: #efd57c } .social a:hover .icon-s-appnet { background-color: #3daad5 } .social a:hover .icon-s-gplus { background-color: #bc7067 } .social a:hover .icon-s-stumbleupon { background-color: #f07356 } .social a:hover .icon-s-lastfm { background-color: #cd443d } .social a:hover .icon-s-spotify { background-color: #9acf48 } .social a:hover .icon-s-instagram { background-color: #b99682 } .social a:hover .icon-s-evernote { background-color: #9fdc82 } .social a:hover .icon-s-paypal { background-color: #5b85a8 } .social a:hover .icon-s-picasa { background-color: #b088c1 } .social a:hover .icon-s-soundcloud { background-color: #ff8b45 } .social a:hover a:hover i { background-color: #FFF } .social a:hover i { color: #FFF } .black-wrapper .social li a:hover i { color: #FFF } /*-----------------------------------------------------------------------------------*/ /* SERVICES TABS /*-----------------------------------------------------------------------------------*/ .tab-block { display: none } .services .etabs { padding: 0; overflow: inherit; width: 80%; margin: 0 auto; overflow: hidden; } .services, .services .etabs { text-align: center } .services .tab { display: inline-block; position: relative; } .services .tab .pin { content: ""; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background: #dadada; display: inline-block; z-index: 200; position: relative; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .services .tab .root:before { content: ""; display: inline-block; border-bottom: 1px solid #dadada; width: 50%; height: 0px; position: absolute; top: 12px; left: 0; } .services .tab .root:after { content: ""; display: inline-block; border-bottom: 1px solid #dadada; width: 50%; height: 0px; position: absolute; top: 12px; right: 0; } /* Firefox Fix */ @-moz-document url-prefix() { .services .tab .root:before, .services .tab .root:after { margin-top: 1px } } .services .tab:first-child .root:before { display: none } .services .tab:last-child .root:after { display: none } .services .tab a { display: block } .services .tab .icon { display: table; margin: 10px auto 0; position: relative; } .services .tab .icon i.icn { text-align: center; display: table-cell; vertical-align: middle; width: auto; height: 60px; color: #bababa; line-height: 1; font-size: 50px; text-transform: uppercase; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .services .tab:hover .icon i.icn, .services .tab.active .icon i.icn { color: #3f8dbf } .services .tab:hover .pin, .services .tab.active .pin { background-color: #3f8dbf } .services .tab h4 { text-transform: uppercase; font-size: 14px; color: #bababa; font-weight: 800; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .services .tab:hover h4, .services .tab.active h4 { color: #3f8dbf } .services .tab h4 { margin: 0 } .services.tabs .panel-container { width: 70%; margin: 0 auto 30px; } .services.tab-container .panel-container p { margin: 0; padding-bottom: 10px; } /*-----------------------------------------------------------------------------------*/ /* TABS ON TOP /*-----------------------------------------------------------------------------------*/ .tabs-top .etabs { margin: 0; padding: 0; overflow: inherit; } .tabs-top.center .etabs { text-align: center } .tabs-top .tab { margin: 0; padding: 0; display: inline-block; zoom: 1; *display: inline; margin-right: 3px; } .tabs-top .tab a { padding: 9px 20px; display: block; color: #9a9a9a; font-size: 13px; font-weight: 800; border: 1px solid #b5b5b5; text-transform: uppercase; } .tabs-top .tab a:hover, .tabs-top .tab.active a { color: #3f8dbf; border-color: #3f8dbf; } .tabs-top.tab-container .panel-container { position: relative; z-index: 1; display: block; } .tabs-top.tab-container .panel-container p { margin: 0; padding-bottom: 10px; } .tabs-top.tab-container .panel-container .tab-block { padding-top: 10px; padding-bottom: 0; } /*-----------------------------------------------------------------------------------*/ /* TESTIMONIALS /*-----------------------------------------------------------------------------------*/ #testimonials { text-align: center; width: 80%; margin: 0 auto; } #testimonials .author { font-style: normal; font-size: 14px; color: #3f8dbf; display: block; } #testimonials div { font-size: 18px; margin-bottom: 10px; line-height: 32px; font-weight: 300; position: relative; } #testimonials .tab { border: none; margin: 0; display: inline; } #testimonials .etabs { padding: 0; margin: 0; height: 12px; } #testimonials .tab a { padding: 0; text-indent: -99999px; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: none; border: 1px solid #aaa; display: inline-block; } #testimonials .tab a.active, #testimonials .tab a:hover { border: 1px solid #FFF; background: none; position: relative; z-index: 3; } #testimonials .panel-container { border: none } #testimonials.tab-container .panel-container div { padding-top: 15px } /*-----------------------------------------------------------------------------------*/ /* COLUMN TESTIMONIALS /*-----------------------------------------------------------------------------------*/ .arrow-box { position: relative; background: #fff; border: 1px solid #dadada; padding: 20px 20px 10px 20px; text-align: center; } .arrow-box:after, .arrow-box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow-box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 8px; margin-left: -8px; } .arrow-box:before { border-color: rgba(218, 218, 218, 0); border-top-color: #dadada; border-width: 9px; margin-left: -9px; } .col-testimonials .author { margin-top: 10px; color: #3f8dbf; font-weight: 800; display: inline-block; } .col-testimonials .author em { font-weight: 500; font-size: 12px; color: #7a7a7a; display: block; font-style: normal; margin-top: -5px; } .col-testimonials .arrow-box .quote { text-align: left } .col-testimonials .arrow-box .quote:before { font-family: 'FontAwesome'; content: '\f10d'; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); font-size: 25px; margin-right: 10px; float: left; display: block; color: #dadada; } /*-----------------------------------------------------------------------------------*/ /* ACCORDION / TOGGLE /*-----------------------------------------------------------------------------------*/ .panel-group .panel { margin-bottom: 10px; background: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .panel-heading { padding: 0; background: none !important; border: 0 !important; } .panel-heading .panel-title { color: #9a9a9a; font-size: 13px; font-weight: 800; border: 1px solid #b5b5b5; text-transform: uppercase; } .panel-title > a { display: block; color: #9a9a9a; padding: 13px 15px; } .panel-title > a:hover { color: #3f8dbf } .panel-default > .panel-heading + .panel-collapse .panel-body { border: 0 } .panel-default > .panel-heading + .panel-collapse { border: 1px solid #b5b5b5; border-top: none; } /*-----------------------------------------------------------------------------------*/ /* SERVICES ICONS /*-----------------------------------------------------------------------------------*/ .col-services .row { text-align: left } .col-services .icon { display: table } .col-services .row .icon { float: left; margin-right: 20px; } .col-services .row .text { overflow: hidden } .col-services .icon i.icn { color: #3f8dbf; line-height: 1; font-size: 50px; text-transform: uppercase; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .col-services-2 .col:hover .icon-border i { background-color: #3f8dbf; color: #FFF; } /*-----------------------------------------------------------------------------------*/ /* PRICING TABLE /*-----------------------------------------------------------------------------------*/ .pricing { overflow: hidden; text-align: center; padding-bottom: 10px; display: block; } .pricing ul { padding: 0 } .pricing .btn { margin: 0 } .pricing .plan { border: 1px solid #dadada } .pricing .plan h3 { font-size: 18px; line-height: 45px; margin: 0; padding: 5px 0; background: #fff; color: #5c5c5c; } .pricing .plan h4 { padding: 20px 0; margin: 0; background: #f5f5f5; } .pricing .plan h4 span { color: #3f8dbf } .pricing .plan h4 .amount { display: block; text-align: center; } .pricing .plan h4 .amount { font-size: 45px; padding-bottom: 10px; } .pricing .plan h4 .amount span { vertical-align: super; font-size: 20px; font-weight: 300; } .pricing .plan li:nth-child(2n) { background: #f5f5f5 } .pricing .plan ul { margin: 0; list-style: none; } .pricing .plan ul li { background: #fff; padding: 15px 0; } .pricing .plan h3 { text-transform: uppercase } .pricing .select { background: #f5f5f5; padding: 18px 0; } /*-----------------------------------------------------------------------------------*/ /* PORTFOLIO /*-----------------------------------------------------------------------------------*/ .items { list-style: none } .items { margin: 0; *zoom: 1; padding: 0; } .items:before, .items:after { display: table; content: ""; line-height: 0; } .items:after { clear: both } .items li { float: left; min-height: 1px; position: relative; } .items.col4 { margin-left: -17px; margin-bottom: -17px; } .items.col4 li { width: 312px; margin-left: 17px; margin-bottom: 17px; } .items.col3 { margin-left: -17px; margin-bottom: -17px; } .items.col3 li { width: 312px; margin-left: 17px; margin-bottom: 17px; } .items li img { display: block; width: 100%; } .filter { padding: 0; margin-bottom: 20px; } .filter { list-style: none; margin: 0 0 30px 0; } .filter li { display: inline; font-weight: 800; font-size: 13px; text-transform: uppercase; line-height: 1; margin-right: 10px; } .filter li a { color: #9b9b9b; padding: 10px 12px; border: 2px solid transparent; -webkit-border-radius: 3px; border-radius: 3px; letter-spacing: 1px; } .filter li a.active, .filter li a:hover { border: 2px solid #9b9b9b } .isotope, .isotope .item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .item-details { list-style: none; padding: 0; margin: 0; } .item-details li { margin-top: 9px; padding-top: 10px; border-top: 1px solid #dadada; } .item-details li:first-child { padding: 0; margin: 0; border: none; } .item-details li span { font-weight: 800; color: #616161; margin-right: 5px; } /*-----------------------------------------------------------------------------------*/ /* TOOLTIP /*-----------------------------------------------------------------------------------*/ .tooltip-inner { color: #fff; background-color: #3f8dbf; padding: 5px 12px; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #3f8dbf } .tooltip.right .tooltip-arrow { border-right-color: #3f8dbf } .tooltip.left .tooltip-arrow { border-left-color: #3f8dbf } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #3f8dbf } /*-----------------------------------------------------------------------------------*/ /* FEATURES /*-----------------------------------------------------------------------------------*/ .font-icons { list-style: none; margin: 0; padding: 0; } .font-icons li { display: inline-block; font-size: 25px; margin-bottom: 10px; padding: 0 10px; } .alert .close { line-height: 28px } .retina-icons-code i { font-size: 18px } .retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { text-align: center } .retina-icons-code code { color: #888; background: none; white-space: normal; } .table-bordered { border: 1px solid #dedede; border-left: none; background: #fff; } .table-bordered th, .table-bordered td { border-left: 1px solid #dedede } .retina-icons-code td { vertical-align: middle !important } .table th, .table td { border-top: 1px solid #dedede } .picons-list .font-icons li { font-size: 50px; margin-bottom: 40px; padding: 0 20px; } .picons-list .retina-icons-code i { font-size: 40px; line-height: 1; margin-top: 5px; display: block; } /*-----------------------------------------------------------------------------------*/ /* LINKS /*-----------------------------------------------------------------------------------*/ a { color: royalblue; } a:visited { color: purple; } .site-title a:visited { color: #3f8dbf; } a:hover, a:focus, a:active { color: midnightblue; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-----------------------------------------------------------------------------------*/ /* ACCESSIBILTY /*-----------------------------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-----------------------------------------------------------------------------------*/ /* ALIGNMENTS /*-----------------------------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-----------------------------------------------------------------------------------*/ /* CONTENT (POSTS & COMMENTS) /*-----------------------------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .comment-content a { word-wrap: break-word; } .bypostauthor .avatar { box-sizing: content-box; border: 5px solid #3f8dbf; /*margin-top: -5px;*/ margin-left: -5px; } /*-----------------------------------------------------------------------------------*/ /* WIDGETS /*-----------------------------------------------------------------------------------*/ /* Text widget select element -- stop flow over if it has long text*/ aside select{ width: 100%; } /*-----------------------------------------------------------------------------------*/ /* INFINITE SCROLL /*-----------------------------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-----------------------------------------------------------------------------------*/ /* MEDIA /*-----------------------------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-----------------------------------------------------------------------------------*/ /* CAPTIONS /*-----------------------------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-----------------------------------------------------------------------------------*/ /* GALLERIES /*-----------------------------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-----------------------------------------------------------------------------------*/ /* BLOCKS /*-----------------------------------------------------------------------------------*/ /* Button Block */ .wp-block-button__link, .wp-block-button__link-submit { border-radius: 3px; } .is-style-squared .wp-block-button__link { border-radius: inherit; } .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link.active, .parallax .wp-block-button__link-submit:hover { filter: brightness(120%); }