/* Theme Name: Quark Theme URI: http://www.gavick.com Description: Quark is a exclusive, multipurpose theme that heralds a new age of innovation for entrepeneurs and focused businesses. Modern elegant design combines with sublime visual effects and multiple ways to showcase your products and services to help you establish an effective brand while building a strong consumer base. What's more, Quark will be evolving with new styles, features and additional pages over the coming months to help you start a one-of-a-kind website, whether restaurant, online store and more.. License: GNU GPL v.2.0 License URI: LICENSE.txt Version: 1.0 Author: GavickPro Author URI: http://www.gavick.com Tags: yellow, white, two-columns, fluid-layout, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready */ /* 1. Basic Elements 1.1 Fonts 1.2 Basic stuff 1.3 Containers 1.4 Icons font 2. Header 3. Post/Page elements 3.1 Navigation 3.2 Content 3.3 Entry Header 3.4 Entry Content 3.5 Galleries 3.6 Post Formats 3.7 Attachments 3.8 Post/Paging Navigation 3.9 Author Bio 3.10 Archives 3.10 Search Results/No posts 3.12 404 Page 3.13 Comments 3.14 Page templates 3.15 Typography 4. Widgets 4.1 Widget Styles 4.2 GK News Show Pro 4.3 GK Tabs 4.4 GK Image Show 5. Footer 6. Other 7. Multi-site improvements 8. RWD ----------------------------------*/ /*@charset "UTF-8";*/ /*--------------------------------- 1. Basic elements ----------------------------------*/ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-font-smoothing: subpixel-antialiased; font-size: 62.5%; } body { background: #fff; color: #777; font-size: 1.6rem; font-weight: 300; line-height: 1.9; margin: 0; min-height: 100%; padding: 0; word-wrap: break-word; } a { color: #f079a3; -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; text-decoration: none; } a:hover, a:active, a:focus { color: #111; } a.inverse, .item-info a, .comment-metadata a { color: #111; } a.inverse:hover, a.inverse:active, a.inverse:focus, .item-info a:hover, .item-info a:active, .item-info a:focus, .comment-metadata a:hover, .comment-metadata a:active, .comment-metadata a:focus { color: #f079a3; } h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 400; line-height: 1.2; margin: 0; padding: 0; } h1 { font-size: 4.0rem; font-weight: bold; letter-spacing: 1px; line-height: 60px; } h2 { font-size: 2.6rem; text-transform: none; } h3 { font-size: 2.4rem; } h4 { font-size: 1.8rem; } h5 { font-size: 1.6rem; } h6 { font-size: 1.4rem; } b, strong { font-weight: 600; } ul { list-style: none; margin: 0; padding: 0; } ul li { line-height: 1.7; } p { margin: 1em 0 2em; } #content ul li{font-size: 16px;color: #000000;font-family: 'Montserrat', sans-serif;font-weight: 400;} #content ol li{font-size: 16px;color: #000000;font-family: 'Montserrat', sans-serif;font-weight: 400;} iframe { border: none; max-width: 100% !important; } hr { border: none; border-top: 1px solid #d5d5d5; clear: both; display: block; margin: 50px auto; position: relative; top: 20px; width: 200px; } hr:before { background: #d5d5d5; content: ""; height: 9px; left: 50%; margin: -4px 0 0 -4px; position: absolute; top: -1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 9px; } code { background: #f5f5f5; padding: 5px 10px; } pre { background: #fafafa; border: 1px solid #e5e5e5; padding: 20px; } /*--------------------------------- 1.1 Fonts ----------------------------------*/ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "quark-pixellove"; src: url("fonts/quark-pixellove/quark-pixellove.eot"); src: url("fonts/quark-pixellove/quark-pixellove.eot?#iefix") format("embedded-opentype"), url("fonts/quark-pixellove/quark-pixellove.woff") format("woff"), url("fonts/quark-pixellove/quark-pixellove.ttf") format("truetype"), url("fonts/quark-pixellove/quark-pixellove.svg#gk-quark") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "quark-pixellove" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="gkicon-"]:before, [class*=" gkicon-"]:before { font-family: "quark-pixellove" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gkicon-behance:before { content: "a"; } .gkicon-dribbble:before { content: "b"; } .gkicon-fb:before { content: "c"; } .gkicon-gplus:before { content: "d"; } .gkicon-instagram:before { content: "e"; } .gkicon-linkedin:before { content: "f"; } .gkicon-marker:before { content: "g"; } .gkicon-pinterest:before { content: "h"; } .gkicon-profile:before { content: "i"; } .gkicon-rss:before { content: "j"; } .gkicon-star:before { content: "k"; } .gkicon-twitter:before { content: "l"; } .gkicon-vimeo:before { content: "m"; } .gkicon-youtube:before { content: "n"; } .gkicon-share:before { content: "o"; } .gkicon-close:before { content: "p"; } .gkicon-full-screen:before { content: "q"; } .gkicon-zoom:before { content: "r"; } .gkicon-next:before { content: "s"; } .gkicon-prev:before { content: "t"; } .gkicon-format-aside:before { content: "u"; } .gkicon-format-audio:before { content: "v"; } .gkicon-format-chat:before { content: "w"; } .gkicon-format-gallery:before { content: "x"; } .gkicon-format-image:before { content: "y"; } .gkicon-format-quote:before { content: "z"; } .gkicon-format-video:before { content: "A"; } /** CATS FONT ADDITION */ @font-face { font-family: "untitled-font-1"; src:url("fonts/font-new/untitled-font-1.eot"); src:url("fonts/font-new/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("fonts/font-new/untitled-font-1.woff") format("woff"), url("fonts/font-new/untitled-font-1.ttf") format("truetype"), url("fonts/font-new/untitled-font-1.svg#untitled-font-1") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "untitled-font-1" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "untitled-font-1" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-about-us:before { content: "B"; } .icon-gallery:before { content: "C"; } .icon-services:before { content: "D"; } .icon-about-us-1:before { content: "E"; } /** * 1.2 Basic stuff * ---------------------------------------------------------------------------- */ /* Clearing floats */ .clear:after, .entry-header:after, #gk-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after, #gk-social-icons, .gk-nsp:after, .gk-nsp-arts:after, .gk-nsp-links:after, #content:after, #primary:after, #sidebar:after, #content-top:after, #content-bottom:after, .eventlist-item:after, #content > article:after, .widget-area:after { clear: both; content: ""; display: table; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .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; color: #21759b; display: block; font-size: 1.4rem; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Form fields, general styles first. */ select, textarea, input[type="text"], input[type="search"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"] { background: #fff; border: 1px solid #e5e5e5; color: #aaa; font-size: 1.4rem; line-height: 50px; height: 50px; padding: 0 20px; max-width: 100% !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #26292b; font-size: 1.4rem; font-weight: 400 } input::-moz-placeholder, textarea::-moz-placeholder { color: #26292b; font-size: 1.4rem; font-weight: 400; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #26292b; font-size: 1.4rem; font-weight: 400; } input:-moz-placeholder, textarea:-moz-placeholder { color: #26292b; font-size: 1.3rem; font-weight: 400; opacity: 1; } textarea { height: auto !important; max-width: 100% !important; padding: 24px; } legend { color: #26292b; } select { height: inherit; font-family: Arial, sans-serif; height: 39px; line-height: 39px; } html.-moz-select { padding: 3px 5px; } input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { border-color: rgba(0,0,0,0.7); box-shadow: 0 0 3px rgba(20,20,20,0.3); color: #111; } /* Buttons */ button, .button, .readon, .btn-border, input[type="submit"], input[type="button"], input[type="reset"], .paging-navigation a { -webkit-appearance: none; background: rgba(34,34,34,0.9); border: none; border-radius: 1px; color: #fff !important; cursor: pointer; display: inline-block; font-size: 1.3rem; font-weight: 400; height: auto; letter-spacing: 2px; line-height: 25px; margin: 0 5px 2px 2px; padding: 12px 45px; text-align: center; text-transform: uppercase; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } button:hover, button:focus, .button:hover, .button:focus, .readon:hover, .readon:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:active, .readon:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .paging-navigation a:active, .paging-navigation a:focus, .paging-navigation a:hover { background: #222222; } .btn > i { color: #fff; } .btn-border { background: transparent !important; border: 2px solid #ddd !important; color: #26292b !important; } .btn-border:active, .btn-border:focus, .btn-border:hover { border-color: #111 !important; color: #111 !important; } .dark.btn-border { border-color: #fff !important; color: #fff !important; } .dark.btn-border:active, .dark.btn-border:focus, .dark.btn-border:hover { border-color: #f079a3 !important; color: #f079a3 !important; } .post-password-required input[type="submit"] { vertical-align: bottom; } /* Labels */ label { color: #26292b; font-size: 1.2rem; font-weight: 700; padding: 0 6px 0 0; text-transform: uppercase; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #7d7b6d; } :-moz-placeholder { color: #7d7b6d; } ::-moz-placeholder { color: #7d7b6d; } :-ms-input-placeholder { color: #7d7b6d; } /** * 1.3 Containers * ---------------------------------------------------------------------------- */ #gk-bg { background: #fff; -webkit-transition: margin-left .3s ease-out; -moz-transition: margin-left .3s ease-out; -ms-transition: margin-left .3s ease-out; -o-transition: margin-left .3s ease-out; transition: margin-left .3s ease-out; z-index: 1; width: 100%; } #gk-bg.menu-open { margin-left: -280px; } #gk-bg.menu-visible { position: relative; } #content-top { margin-bottom: 48px; } #content-bottom { margin-top: 48px; } .gk-3-cols[data-cols="1"] .widget-wrap { float: left; width: 100%; } .gk-3-cols[data-cols="2"] .widget-wrap { float: left; padding: 0 30px; width: 50%; } .gk-3-cols[data-cols="3"] .widget-wrap { float: left; padding: 0 30px; width: 33.333333%; } .gk-3-cols[data-cols="2"], .gk-3-cols[data-cols="3"] { margin: 0 -30px; } .single-page #sidebar { padding-top: 132px; } .page #sidebar { padding-top: 170px; } .page .content-wrapper { padding-top: 00px; } .site-content { padding-bottom: 50px; } #gk-bottom1 > div, #gk-bottom2 > div, #gk-bottom3 > div, #gk-bottom4 > div, #gk-bottom5 > div, #gk-top1 > div, #gk-top2 > div { padding-top: 32px; } #gk-top1, #gk-top2 { padding: 30px 0; } .page-template-template-one-page .site-content, .page-template-template-one-page #page { padding-bottom: 0 } #gk-menu-top, #gk-menu-bottom { color: #777; font-size: 1.3rem; padding: 15px 0; } #gk-menu-top .widget, #gk-menu-bottom .widget { margin: 0; } #gk-menu-top a, #gk-menu-bottom a { color: #fff; } #gk-menu-top a:active, #gk-menu-top a:focus, #gk-menu-top a:hover, #gk-menu-bottom a:active, #gk-menu-bottom a:focus, #gk-menu-bottom a:hover { color: #f079a3; } #gk-menu-top { border-bottom: 1px solid rgba(255,255,255,0.15); margin: 5px 0 20px 32px; } #gk-menu-bottom { border-top: 1px solid rgba(255,255,255,0.15); margin: 20px 0 0 32px; } /** * 1.4 Icons font * ---------------------------------------------------------------------------- */ /*--------------------------------- 2. Header ----------------------------------*/ #gk-header { background-size: cover !important; margin: 0; padding: 0; position: relative; } #gk-header-mod { overflow: hidden; position: relative; text-align: center; } #gk-header-mod .gk-page, .entry-title-wrap > .gk-page { left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #gk-header-mod img { height: 600px; left: 50%; max-width: none !important; position: absolute; /*top: 50%;*/ -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100%; top:39%; } #gk-header-mod h1, .one-page .gk-page h1 { color: #fff; } #gk-header-mod h2, .one-page .gk-page h2 { color: #fff; font-size: 2.4rem;; font-weight: 300; line-height: 32px; } #gk-header-mod h1 + h2, .one-page .gk-page h1 + h2 { margin-top: 10px; } #gk-header-mod p, .one-page .gk-page p { margin: 0; } #gk-header-mod .btn-border, .one-page .gk-page .btn-border { margin: 80px 5px 0 5px; } #gk-header-mod .btn-border:hover, .one-page .gk-page .btn-border:hover { border-color: #111 !important; color: #111 !important; } /* CAT COPIED FROM STEAK HOUSE*/ #gk-header-mod .gk-short-menu { font-size: 14px; font-weight: 600; margin: 352px 0 150px 0; } #gk-header-mod .gk-short-menu li { display: inline-block; line-height: 2.2; margin: 0 40.25px; } #gk-header-mod .gk-short-menu a { color: #fff; } #gk-header-mod .gk-short-menu a:active, #gk-header-mod .gk-short-menu a:focus, #gk-header-mod .gk-short-menu a:hover { color: rgba(255, 255, 255, 0.6); } #gk-header-mod .gk-short-menu i { display: block; font-size: 56px; line-height: 54px; margin: 0 auto; } #gk-header-mod .gk-short-menu .gk-icon-dinner-set-solid { font-size: 64px; position: relative; top: 2px; } #gk-header-mod .gk-short-menu .gk-icon-calendar-solid { font-size: 42px; position: relative; top: -1px; } @media (max-height: 1400px) { #gk-header-mod .gk-short-menu { margin: 302px 0 150px 0; } #gk-header-mod > div > div { padding: 50px 0 40px 0; } } @media (max-height: 1300px) { #gk-header-mod .gk-short-menu { margin: 252px 0 100px 0; } #gk-header-mod h1 { padding-top: 50px; } } @media (max-height: 1200px) { #gk-header-mod .gk-short-menu { margin: 152px 0 50px 0; } #gk-header-mod h1 { padding-top: 30px; } } @media (max-height: 1100px) { #gk-header-mod .gk-short-menu { margin: 132px 0 50px 0; } #gk-header-mod h2 { padding: 80px 0 50px 0; } } @media (max-height: 1000px) { #gk-header-mod .gk-short-menu { margin: 82px 0 50px 0; } #gk-header-mod h2 { padding: 80px 0 30px 0; } #gk-header-mod .gk-logo.gk-logo-css { margin: 30px auto 0 !important; } } @media (max-height: 900px) { #gk-header-mod .gk-logo.gk-logo-css { height: 180px !important; } } @media (max-height: 800px) { #gk-header-mod > div > div { padding: 0px !important; } #gk-header-mod .gk-short-menu { margin: 32px 0 50px 0; } } @media (max-height: 700px) { #gk-header-mod h1 { font-size: 48px; } #gk-header-mod h2:before, #gk-header-mod h2:after { top: 16px; } #gk-header-mod h2 { padding: 35px 0 25px 0; } #gk-header-mod .gk-short-menu { margin: 22px 0 50px 0; } #gk-header-mod .gk-short-menu li { display: inline-block; margin: 0 16px; } } @media (max-height: 600px) { #gk-header-mod .gk-short-menu i { font-size: 24px !important; line-height: 24px !important; } #gk-header-mod .btn { height: 40px; line-height: 40px; padding: 0 20px; } #gk-header-mod h2 { font-size: 16px; } #gk-header-mod .gk-logo.gk-logo-css { height: 130px!important; } } @media (max-height: 500px) { .top-contact{ display: none; } #gk-header-mod h1 { font-size: 32px; } #gk-header-mod .gk-short-menu span { font-size: 12px; font-weight: 500; } #gk-header-mod .gk-logo.gk-logo-css { height: 80px!important; margin: 10px auto 0 !important; } #gk-header-mod h2 { padding: 30px 0 20px 0; } } /* FINISHED COPYING */ #gk-header-widget { background: #f5f5f5; padding: 20px; } #gk-header-widget .widget-area { margin: 0 auto; padding: 50px 0; } #gk-header-nav { margin: 0 auto; max-width: 100%; padding: 0; position: relative; top: 0; -webkit-transition: margin-left .3s ease-out; -moz-transition: margin-left .3s ease-out; -ms-transition: margin-left .3s ease-out; -o-transition: margin-left .3s ease-out; transition: margin-left .3s ease-out; width: 1440px; z-index: 10; } /* Logo */ .gk-logo { display: block; float: left; margin: 72px 0 0 0; opacity: 1; padding: 0; position: absolute; text-indent: -9999px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: auto; text-shadow: none; } .gk-logo img { display: block; height: auto; margin: 0; max-width: 300px; } .gk-logo.text { color: #26292b; display: block; font-size: 2.1rem; font-weight: bold; letter-spacing: -2px; line-height: 1; text-indent: 0; text-transform: none; padding: 5px 0 0 0; } .gk-logo.text > span { display: block; } .gk-logo.text .gk-logo-slogan { display: block; font-size: 2.1rem; font-weight: bold; letter-spacing: 0; line-height: 1; text-transform: none; } /*--------------------------------- 3. Post/Page elements ----------------------------------*/ /** * 3.1 Navigation * ---------------------------------------------------------------------------- */ #gk-header-nav .main-navigation { color: #26292b; cursor: pointer; display: block; float: right; font-size: 1.4rem; font-weight: bold; height: 42px; line-height: 18px; margin: 60px 0 0 0 !important; padding: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; width: auto; } .nav-menu { margin: 0; padding: 0; position: relative; text-align: center; } .nav-menu > li, .nav-menu > ul > li { clear: none !important; display: inline-block; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; width: auto; text-shadow: none; } .nav-menu > li > a:active, .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.current_page_item > a, .nav-menu > li.current_page_item > a:active, .nav-menu > li.current_page_item > a:focus, .nav-menu > li.current_page_item > a:hover { color: rgba(0,0,0,0.75); } .dark-bg .nav-menu > li > a:active, .dark-bg .nav-menu > li > a:focus, .dark-bg .nav-menu > li > a:hover, .dark-bg .nav-menu > li.current_page_item > a, .dark-bg .nav-menu > li.current_page_item > a:active, .dark-bg .nav-menu > li.current_page_item > a:focus, .dark-bg .nav-menu > li.current_page_item > a:hover { color: rgba(255,255,255,0.6); } .nav-menu > li > a, .nav-menu > ul > li > a { color: #26292b; display: block; padding: 12px 7px; position: relative; text-shadow: none; } .dark-bg .nav-menu > li > a, .dark-bg .nav-menu > ul > li > a { color: #fff; text-shadow: 1.5px 1px #383838; } .gk-fixed-nav .nav-menu > li > a:active, .gk-fixed-nav .nav-menu > li > a:focus, .gk-fixed-nav .nav-menu > li > a:hover, .gk-fixed-nav .nav-menu > li.current_page_item > a, .gk-fixed-nav .nav-menu > li.current_page_item > a:active, .gk-fixed-nav .nav-menu > li.current_page_item > a:focus, .gk-fixed-nav .nav-menu > li.current_page_item > a:hover { color: #f079a3; } .gk-fixed-nav .nav-menu > li > a, .gk-fixed-nav .nav-menu > ul > li > a { color: #111; text-shadow: none; } .nav-menu > li.menu-item-has-children:hover > a:before { opacity: 1; } .nav-menu > li .sub-menu, .nav-menu ul > li .children { background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); border-radius: 3px; margin: 0; padding: 16px 12px; position: absolute; left: -9999px; text-transform: none; width: 232px; z-index: 99999; } .nav-menu > li .sub-menu li, .nav-menu ul > li .children li { color: #26292b; font-size: 1.4rem; font-weight: 400; line-height: 1.2; margin: 0; padding: 0; text-align: left; text-transform: none; white-space: normal; } .nav-menu > li .sub-menu li:first-child, .nav-menu ul > li .children li:first-child { border-top: none; } .nav-menu > li .sub-menu li a, .nav-menu ul > li .children li a { color: #26292b; display: block; line-height: 20px; padding: 10px; } .nav-menu > li .sub-menu li a:active, .nav-menu > li .sub-menu li a:focus, .nav-menu > li .sub-menu li a:hover, .nav-menu ul > li .children li a:active, .nav-menu ul > li .children li a:focus, .nav-menu ul > li .children li a:hover { color: #f079a3; } .nav-menu > li .sub-menu a, .nav-menu > li .sub-menu li, .nav-menu ul > li .children a, .nav-menu ul > li .children li { width: 100%; } .nav-menu > li .sub-menu .sub-menu, .nav-menu ul > li .children .children { margin-left: 100px; margin-top: -35px; } .nav-menu li:hover > .sub-menu, .nav-menu li:hover > .children { left: auto; } .menu-toggle { display: none; } #gk-menu-overlay { background: rgba(38,41,43,0.9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000; } #gk-menu-overlay-wrap { left: 50%; margin: 0 auto 0 -320px; max-width: 640px; position: absolute; top: 0; width: 100%; z-index: 10001; } #gk-menu-overlay-wrap .nav-menu { display: block; margin-top: 10px; padding: 10px 0; position: static; } .admin-bar #gk-menu-overlay-wrap .nav-menu { margin-top: 20px; } #gk-menu-overlay-wrap .nav-menu a { color: #fff; display: block; font-size: 14px; padding: 10px 0; /*font-align: center;*/ } #gk-menu-overlay-wrap .nav-menu a:active, #gk-menu-overlay-wrap .nav-menu a:focus, #gk-menu-overlay-wrap .nav-menu a:hover { color: #f079a3; } #gk-menu-overlay-wrap .nav-menu li { border-top: 1px solid rgba(255,255,255,0.2); clear: both; font-weight: 300; text-transform: none; text-align: left; padding: 0 0 0 180px; width: 100%; } #gk-menu-overlay-wrap .nav-menu li:first-child { border-top: none; } #gk-menu-overlay-wrap .nav-menu li.haschild, #gk-menu-overlay-wrap .nav-menu li .group { padding-bottom: 0; } #gk-menu-overlay-wrap .nav-menu li .gkmenu { margin-top: 5px; } #gk-menu-overlay-wrap .nav-menu li li { border-top: 1px solid rgba(255,255,255,0.2); padding: 0 0 0 0px; } #gk-menu-overlay-wrap .nav-menu li li a { font-size: 14px; padding: 8px 0px 8px 0px; font-style: italic; } #gk-menu-overlay-wrap .nav-menu li li:first-child { border-top: 1px solid rgba(255,255,255,0.2); } #gk-menu-overlay-wrap .nav-menu li li li a { font-size: 16px; padding: 5px 0; } #gk-menu-overlay-wrap .nav-menu > li .sub-menu, #gk-menu-overlay-wrap .nav-menu ul > li .children { background: transparent; display: block !important; height: auto !important; margin-left: 0 !important; margin-top: 5px!important; opacity: 1 !important; padding: 0!important; position: static; width: 100% !important; } #gk-menu-overlay-wrap .nav-menu > li .sub-menu li, #gk-menu-overlay-wrap .nav-menu ul > li .children li, #gk-menu-overlay-wrap .nav-menu > li .sub-menu li a, #gk-menu-overlay-wrap .nav-menu ul > li .children li a { line-height: 1.7!important; } #gk-menu-overlay-wrap .header > a { color: #fff; } #gk-menu-overlay-wrap .header > a:active, #gk-menu-overlay-wrap .header > a:focus, #gk-menu-overlay-wrap .header > a:hover { color: #f079a3; } #gk-menu-overlay-wrap .header > a > small { display: block; } #gk-menu-overlay-wrap #gk-menu-overlay-close { color: #fff; cursor: pointer; font-size: 32px; line-height: 1; position: absolute; right: 0; top: 35px; z-index: 2; } #gk-menu-overlay-wrap #gk-menu-overlay-close:active, #gk-menu-overlay-wrap #gk-menu-overlay-close:focus, #gk-menu-overlay-wrap #gk-menu-overlay-close:hover { color: #f079a3; } #gk-menu-overlay, #gk-menu-overlay-wrap { display: none; opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } #gk-menu-overlay.gk-show, #gk-menu-overlay-wrap.gk-show { display: block; } #gk-menu-overlay.gk-active, #gk-menu-overlay-wrap.gk-active { opacity: 1; } .main-navigation + #gk-mobile-menu { display: none; } /* Aside menu */ #page { margin: 0 auto; padding:0 0 50px; position: relative; -webkit-transition: left .3s ease-out; -moz-transition: left .3s ease-out; -ms-transition: left .3s ease-out; -o-transition: left .3s ease-out; transition: left .3s ease-out; } #gk-mobile-menu { color: #26292b; cursor: pointer; display: block; float: right; font-size: 1.6rem; font-weight: bold; height: 46px; line-height: 18px; margin: 60px 0 0 0 !important; overflow: hidden; padding: 12px 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; width: auto; } #gk-mobile-menu span { float: left; margin-right: 14px; overflow: hidden; -webkit-transition: width .3s ease-out, margin-right .3s ease-out; -moz-transition: width .3s ease-out, margin-right .3s ease-out; -ms-transition: width .3s ease-out, margin-right .3s ease-out; -o-transition: width .3s ease-out, margin-right .3s ease-out; transition: width .3s ease-out, margin-right .3s ease-out; white-space: nowrap; } #gk-mobile-menu:hover span { margin-right: 20px; } #gk-mobile-menu i { background: #26292b; display: block; float: right; height: 2px; position: relative; right: 0; text-align: center; top: 7px; -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -ms-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; width: 14px; } #gk-mobile-menu i:before, #gk-mobile-menu i:after { background: #26292b; content: ""; display: block; height: 2px; position: absolute; top: -5px; -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -ms-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; width: 14px; } #gk-mobile-menu i:after { top: 5px; } #gk-header-nav.gk-fixed { width: 100%; } #gk-header-nav.gk-fixed > div { margin: 0 auto; max-width: 1440px; position: relative; width: 100%; } #gk-header-nav.gk-fixed-nav { background: #fff; -webkit-box-shadow: 0 0 3px rgba(0,0,0, .3); -moz-box-shadow: 0 0 3px rgba(0,0,0, .3); box-shadow: 0 0 3px rgba(0,0,0, .3); height: 120px; position: fixed; top: -150px; } #gk-header-nav.inactive #gk-mobile-menu-text { width: 0 !important; } #gk-header-nav.inactive .gk-logo { opacity: 0; } #gk-header-nav.inactive.gk-fixed-nav .gk-logo { opacity: 1; } .dark-bg #gk-mobile-menu, .dark-bg .gk-logo.text { color: #fff; text-shadow: 1.5px 1px #383838; } .page-template-template-login.dark-bg #gk-mobile-menu, .page-template-template-login.dark-bg .gk-logo.text, .dark-bg .gk-fixed-nav .gk-logo.text { color: #26292b; text-shadow: none; } .dark-bg #gk-mobile-menu i, .dark-bg #gk-mobile-menu i:before, .dark-bg #gk-mobile-menu i:after { background: #fff; } .page-template-template-login.dark-bg #gk-mobile-menu i, .page-template-template-login.dark-bg #gk-mobile-menu i:before, .page-template-template-login.dark-bg #gk-mobile-menu i:after { background: #26292b; } #gk-header-nav.show-dark i { background: #26292b; } #gk-header-nav.show-dark i:before, #gk-header-nav.show-dark i:after { background: #26292b; } #aside-menu { background: #26292b; display: none; float: right; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; width: 280px; z-index: 0; } #aside-menu.menu-open { display: block; position: fixed; } #aside-menu > div { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding-right: 32px; min-width: 280px; max-width: 100%; } #aside-menu li { font-size: 1.3rem; font-weight: 500; padding: 4px 0; text-transform: uppercase; } #aside-menu li a { color: #777; } #aside-menu li a:active, #aside-menu li a:focus, #aside-menu li a:hover, #aside-menu li.current_page_item > a { color: #fff; } #aside-menu li li { font-weight: 500; padding: 4px 0; text-transform: none; } #aside-menu li li a { color: #777; } #aside-menu li li li { padding-left: 10px; } #aside-menu li:last-child { margin-bottom: 12px; } #aside-menu .sub-menu, #aside-menu .children { padding-left: 0; } #aside-menu .nav-aside-menu { margin: 0; } #aside-navigation, #aside-menu.menu-open { width: 280px; } #aside-navigation li { text-align: left; } #aside-navigation > div > ul { padding: 32px 0 20px 32px; } #close-menu { color: #777; cursor: pointer; font-size: 2.6rem; font-style: normal; line-height: 17px; opacity: 0; position: fixed; right: 0; top: 36px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 100002; } #close-menu:hover { color: #fff; } #close-menu.menu-open { opacity: 1.0; right: 18px; } /* Android fix */ .android-stock-browser #aside-menu { height: auto; min-height: 100%; position: absolute; } .android-stock-browser #aside-menu > div { height: auto; min-height: 100%; } #aside-menu .gk-social-icons { text-align: center; } #aside-menu .gk-social-icons a { color: rgba(255,255,255,0.2) !important; font-size: 2rem; line-height: 1.2; padding: 0 2px; } #aside-menu .gk-social-icons a:active, #aside-menu .gk-social-icons a:focus, #aside-menu .gk-social-icons a:hover { color: #f079a3 !important; } /* mouse icon */ .mouse-icon { border: 3px solid #fff; border-radius: 14px; bottom: 72px; display: block; height: 48px; left: 50%; margin: 0 0 0 -14px; position: absolute; width: 28px; z-index: 1; } .mouse-icon > span { background: #fff; border-radius: 2px; height: 4px; left: 9px; position: absolute; top: -18px; width: 4px; } .mouse-icon > span:before, .mouse-icon > span:after { background: #fff; border-radius: 2px; content: ""; left: 0; height: 4px; position: absolute; top: 76px; width: 4px; } .mouse-icon > span:before { top: -11px; } .mouse-icon > span > span { background: #fff; border-radius: 2px; display: block; height: 10px; position: relative; top: 28px; -webkit-transition: top .15s ease-out; -moz-transition: top .15s ease-out; -ms-transition: top .15s ease-out; -o-transition: top .15s ease-out; transition: top .15s ease-out; width: 4px; } .mouse-icon.animate > span > span { top: 36px; } /** * 3.2 Content * ---------------------------------------------------------------------------- */ .single-page, .category #content, .author #content, article.one-page { margin: 80px auto 0 !important; } .archive .entry-header + .site { padding: 100px 0 0 0; } .one-page + #frontpage-wrap { padding-top: 54px; } .post-meta { float: left; min-height: 10px; width: 15%; } .entry-tags { float: left; width: 90%; } .entry-tags a { color: #ccc; display: inline-block; font-weight: 400; margin: 0 10px 0 0; } .entry-tags a:hover { color: #f079a3; } .entry-tags a:before { content: "#"; color: #ccc; } /* Related items */ .entry-related { text-align: center; } .entry-related h3 { clear: both; line-height: 24px; margin: 20px 0; padding: 52px 0 0; } .entry-related a { display: inline-block; margin: 0 1%; vertical-align: top; width: 18%; } .entry-related a strong { display: block; font-size: 1.4rem; font-weight: 500; line-height: 1.5; margin: 0; text-align: left; width: 100%; } .entry-related img { display: block; margin: 12px 0 24px; } /** * 3.3 Entry Header * ---------------------------------------------------------------------------- */ .entry-header { margin: -80px 0 0 0; overflow: hidden; position: relative; width: auto; height: 470px !important; } .entry-header:after { background: rgba(51,61,67,0.5); content: ""; height: 100%; position: absolute; width: 100%; } .entry-header.no-image { background: #f079a3; height: 370px; } .entry-header.no-image:after, .one-page .entry-header:after { display: none; } .entry-header time { color: #fff; font-size: 2.4rem; font-weight: 300; line-height: 2.4; } .entry-title { color: #fff } .entry-title.sticky { position: relative; } .entry-title sup { color: #ecd517; font-size: 2rem; top: -1em; } .entry-date { display:none; } .item-author { font-size: 1.3rem; color: #999; line-height: 1; margin: 0 auto !important; position: relative; text-align: center; width: 60%; text-transform: uppercase; } .item-info { color: #111; font-size: 1.4rem; font-weight: 400; margin: 140px 0 0; text-align: center; } .archive-page .item-info { margin: 0; } .item-info li { display: inline-block; padding: 0 20px; position: relative; } .item-info li + .quark-date { padding-left: 0; } .item-info li + .quark-date:before { display: none; } .item-info li:before { background: #ccc; border-radius: 50%; content: ""; height: 4px; left: -4px; position: absolute; top: 9px; width: 4px; } .item-info li:first-child:before { display: none; } /** * 3.4 Entry Content * ---------------------------------------------------------------------------- */ .entry-content, .entry-summary { margin: 72px auto 10px auto; } .blog .entry.entry-summary { margin-top: 0; } .blog div#primary { padding-top: 50px; } .single-post ul.item-info { margin-top: 50px; } .single-post .entry-content, .entry-summary { margin-top: 30px; } .entry-header > img { height: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .entry-title-wrap { position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; } .entry-thumbnail-wrap { display: block; margin: 72px auto 64px auto; text-align: center; } .edit-link a:before { content: "\f040"; font-family: FontAwesome; margin-right: 5px; } .archive-page .entry-thumbnail-wrap > img { width: 100%; } .gk-image-caption { bottom: 20px; color: #fff; font-size: 1.2rem; line-height: 2; padding: 0; position: absolute; right: 75px; text-align: right; text-shadow: 0 0 1px rgba(0,0,0,0.5); z-index: 1; } /* Page links */ .page-links { clear: both; font-size: 1.3rem; font-weight: normal; line-height: 2.2; margin: 20px 0; } .single-post .page-links { display: none; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; padding: 5px 10px; text-decoration: none; } .format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover { background: #fff; } .format-status .entry-content .page-links > span, .format-quote .entry-content .page-links > span { background: none; } .page-links .page-links-title { background: transparent; border: none; margin-right: 20px; padding: 0; } /* Media elements */ .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #220e10; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } .entry-social-sharing { clear: both; padding: 24px 0 32px; text-align: center; } .entry-social-sharing > div { display: inline-block; margin: 0 12px; vertical-align: top; } .gk-social-icons { cursor: pointer; color: #777; font-size: 2.1rem; float: right; position: relative; } .gk-social-icons > i { color: #777; } .gk-social-icons:hover > i { color: #f079a3; } .gk-social-icons > span { background: rgba(38,41,43,0.8); border-radius: 3px; bottom: 48px; display: none; margin: 0 0 0 -55px; opacity: 0; padding: 5px 15px; position: absolute; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 120px; } .gk-social-icons > span > a, .gk-social-icons > span > a > i { color: #fff; font-size: 1.2rem; } .gk-social-icons > span > a { display: block; padding: 5px 0; } .gk-social-icons > span > a:active, .gk-social-icons > span > a:focus, .gk-social-icons > span > a:hover { color: #f079a3; } .gk-social-icons > span > a > i { color: inherit; display: inline-block; font-size: 1.4rem; width: 20px; } .gk-social-icons.clicked > span { display: block; } .gk-social-icons.clicked.show > span { bottom: 32px; opacity: 1; } /** * 3.5 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin: 20px auto; width: 80%; } .gallery-item { float: left; margin: 0 !important; overflow: hidden; padding: 0 4px 4px 0; position: relative; } .gallery-item a, .gallery-item img { display: block; height: auto; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.333333%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.666666%; } .gallery-columns-7 .gallery-item { width: 14.285714%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.111111%; } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); bottom: 4px; color: #fff; font-size: 1.4rem; left: 0; line-height: 1.3; margin: 0 !important; max-height: 50%; opacity: 0; padding: 2px 8px 6px 8px; position: absolute; right: 4px; text-align: left; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; } .gallery-caption:before { display: none; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 3.6 Post Formats * ---------------------------------------------------------------------------- */ .format { color: #999; display: block; font-family: quark-pixellove; font-size: 1.7rem!important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 29px; line-height: 1.5 !important; margin: 0; position: relative; top: 1px; width: 26px; } .entry-title-wrap .format { color: #fff; font-size: 3.5rem!important; height: 50px; margin: 0 auto 10px; width: 50px } .entry-title .format { display: inline-block; left: -10px; position: relative; top: -3px; } .archive-page .format { font-size: 1.5rem!important; top: 2px; } .gk-format-aside:before { content: "u"; } .gk-format-audio:before { content: "v"; } .gk-format-chat:before { content: "w"; } .gk-format-gallery:before { content: "x"; } .gk-format-image:before { content: "y"; } .gk-format-link:before { content: "o"; } .gk-format-quote:before { content: "z"; } .gk-format-status:before { content: "u"; } .gk-format-video:before { content: "A"; } /** * 3.7 Attachments * ---------------------------------------------------------------------------- */ .full-size-link:before { content: none; } .attachment .item-info { margin: -32px 0 32px 0; } .attachment #image-navigation { height: 100px; padding: 30px 0 0 0; text-align: center; } .attachment .entry-attachment .attachment { display: block; } .attachment .entry-attachment .attachment a { display: block; } .attachment .entry-attachment .attachment img { display: block; margin: 0 auto; max-width: 100%; } .attachment .content-wrapper > header { text-align: center; } /** * 3.8 Post/Paging Navigation * ---------------------------------------------------------------------------- */ .navigation { margin: 0 0 20px 0; text-align: center; } .paging-navigation .nav-links { display: inline-block; } .nav-links > div { display: inline; } /** * 3.9 Author Bio * ---------------------------------------------------------------------------- */ .author-page .author-info { left: 50%; position: absolute; text-align: center; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding: 34px 0 0 0!important; top: 50%; z-index: 1; } .author-page .author-info img { border: 2px solid #fff; border-radius: 50%; } .author-info p, .author-info p > a { color: #fff; font-size: 1.4rem; } .author-info p > a:active, .author-info p > a:focus, .author-info p > a:hover { color: #000; } .author-info .entry-title { margin: 15px 0; } /** * 3.10 Archives * ---------------------------------------------------------------------------- */ .search .bigtitle, .archive .bigtitle { padding: 0 0 20px 0; } .search .category-image-wrap, .archive .category-image-wrap { margin: 0 auto 24px auto; } .search .category-image-wrap img, .archive .category-image-wrap img { display: block; margin: 0 auto; max-width: 100%; } .archive-page { margin: 0 0 0 0; } .archive-page.tag-page, .archive-page.archive-article, .archive-page.search-article { border-bottom: 1px solid #e5e5e5; margin-bottom: 0; padding: 80px 0; } .archive-page.tag-page:last-of-type, .archive-page.archive-article:last-of-type, .archive-page.search-article:last-of-type { border-bottom: 0; } .tag-page .item-info, .archive-article .item-info, .search-article .item-info { font-size: 1.1rem; padding: 20px 0 0; } .tag-page .item-info li:before, .archive-article .item-info li:before, .search-article .item-info li:before { display: none; } .author-page .item-info { padding-top: 24px; } .archive-page.tag-page .entry-title, .archive-page.archive-article .entry-title, .archive-page.search-article .entry-title { margin: 0; } .archive-page .entry-summary { color: #777; font-size: 1.6rem; line-height: 28px; text-align: center; } /** * 3.11 Search Results/No posts * ---------------------------------------------------------------------------- */ #gk-search > div { padding: 25px 0 45px 0; } .page-content { background: #fff; padding: 40px; text-align: center; } .search-form { text-align: center; } .search-form .search-submit { display: inline-block; float: none; } .search-form .search-field { height: 50px !important; } /** * 3.12 404 Page * ---------------------------------------------------------------------------- */ .error404 .entry-title span { display: block; padding: 65px 65px 20px 65px; position: relative; } .error404 #page { margin-bottom: 120px; padding: 0; position: relative; } .error404 #primary { background-size: cover; } .error404 #content { padding: 247px 0 50px; text-align: center; } .error404 .page-content { background: transparent; } .error404 .other-things { display: none; } .error404 h1, .error404 h2, .error404 .content-wrapper { color: #fff; } .error404 h1 { color: #fff; font-size: 20rem; font-weight: 700; letter-spacing: 5px; line-height: 1.2; text-transform: uppercase; } .error404 h2 { color: #fff; font-size: 2.4rem; font-weight: 300; line-height: 32px; margin-bottom: 100px; } .error404 .search-goog { color: #fff; font-size: 1.8rem; line-height: 50px; margin: 60px 0; text-align: center; } .error404 .search-goog b { font-weight: 500; } .error404 .search-goog input { border: none; float: none; display: inline-block; } .error404 .error-links { bottom: -170px; padding: 0 0 60px; position: absolute; text-align: center; width: 100%; } .error404 .error-links a { color: #777; padding: 0 12px; } .error404 .error-links a:hover { color: #111; } /** * 3.13 Comments * ---------------------------------------------------------------------------- */ #comments { clear: both; margin: 20px auto 0 auto; padding: 32px 0 0; position: relative; } #comments .no-password { margin-top: 0; } .comment-post-author { background: #010101; border-radius: 2px; color: #fff; font-size: 1.1rem; margin: 0 0 0 5px; padding: 2px 5px; position: relative; top: -1px; } .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; width: 100%; } .comments-title, .comment-reply-title { font-size: 2rem; font-weight: 600; margin: 40px 0; } .comment-reply-title { margin-bottom: 10px; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 35px; } .comment-list > li:after, .comment-list .children > li:before { background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { margin: 20px 0; padding: 0; position: relative; } .comment-content p { line-height: 1.7; } .bypostauthor { line-height: inherit; } .comment-author > img { border-radius: 50%; display: block; float: left; margin: 10px 10px 0 0; } .comment-author .avatar { display: block; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login, .comment-list .edit-link { font-size: 1.3rem; font-style: normal; font-weight: bold; } .comment-reply-link { float: right; } .says { display: none; } .comment-list .edit-link { float: right; margin-left: 20px; } .comment-author { position: absolute; } .comment-content-wrapper { margin: 0 0 0 120px; padding: 10px; } .comment-metadata a time { color: #aaa; } .comment-metadata { margin-bottom: 0; } .comment-content:before { clear: both; display: table; content: ""; } .comment-metadata > a, .comment-metadata > strong { float: left; } .comment-metadata > strong.fn { margin: 0 20px 0 0; } .ping-meta { color: #a2a2a2; font-size: 1.3rem; line-height: 2; } .comment-awaiting-moderation:before { content: "\f071"; font-family: FontAwesome; margin-right: 5px; position: relative; top: 1px; } .comment-reply-link:before, .comment-reply-login:before { content: "\f112"; font-family: FontAwesome; margin-right: 3px; } /* Comment form */ .comment-respond { padding: 30px 0; overflow: hidden; } .comment .comment-respond { margin-bottom: 20px; padding: 20px 0; } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 21px; padding-left: 4px; overflow: hidden; width: 22px; } .comment-reply-title small a:hover { text-decoration: none; } .comment-reply-title small a:before { content: "\f057"; font-family: FontAwesome; font-size: 1.8rem; margin-right: 10px; vertical-align: top; } .comment-form .comment-notes { color: #aaa; font-size: 1.3rem; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { float: left; margin: 0 20px 5px 0; } .comment-form .required { color: #ed331c; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; } .comment-form textarea { height: 200px!important; width: 100%; } .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 1.2rem; } .form-allowed-tags code { display: block; margin: 3px 0; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 2rem; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } .no-comments { font-size: 2rem; font-style: italic; font-weight: 300; margin: 0; padding: 40px 0; } /** * 3.14. Page templates * ---------------------------------------------------------------------------- */ /* Columns in the content */ .gk-cols { margin: 0 -20px; text-align: left; width: auto; } .gk-cols:after { clear: both; content: ""; display: table; } .gk-gallery br { display: none; } .gk-cols.gk-gallery { margin: 0 -10px; padding-top: 50px; } .gk-cols.gk-gallery > div { padding: 0 10px; } .gk-cols.gk-gallery > div > a { display: block; margin: 0 0 20px 0; } .gk-cols.gk-gallery > div > a > img { display: block; height: auto; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 100%; will-change: opacity; } .gk-cols.gk-gallery > div > a:hover > img { opacity: 0.7; } .gk-cols > div { float: left; padding: 0 20px; } .gk-cols > div.gk-text-center { text-align: center; } .gk-cols > div.gk-text-right { text-align: right; } .gk-cols > div.gk-social-counter i { color: #aaa; font-size: 2.4rem; padding-right: 20px; position: relative; top: -23px; } .gk-cols > div.gk-social-counter a:active > i, .gk-cols > div.gk-social-counter a:active > strong, .gk-cols > div.gk-social-counter a:active > strong > span, .gk-cols > div.gk-social-counter a:focus > i, .gk-cols > div.gk-social-counter a:focus > strong, .gk-cols > div.gk-social-counter a:focus > strong > span, .gk-cols > div.gk-social-counter a:hover > i, .gk-cols > div.gk-social-counter a:hover > strong, .gk-cols > div.gk-social-counter a:hover > strong > span { color: #f079a3; } .gk-cols > div.gk-social-counter strong { color: inherit; display: inline-block; font-size: 3rem; font-weight: 400; line-height: 1.4; } .gk-cols > div.gk-social-counter strong > span + span { color: #777; display: block; font-size: 1.6rem; font-weight: 300; line-height: 1; } .gk-cols[data-cols="2"] > div { width: 50%; } .gk-cols[data-cols="3"] > div { width: 33.333333%; } .gk-cols[data-cols="4"] > div { width: 25%; } .gk-cols[data-cols="5"] > div { width: 20%; } .gk-cols.vertical-center { display: table; width: 100%; } .gk-cols.vertical-center > div { display: table-cell; float: none; vertical-align: middle; } .gk-cols img { max-width: 100%; } /* Login page */ #gk-login { border: 1px solid #e5e5e5; padding: 50px; margin: 0 auto; overflow: hidden; width: 60%; } #gk-login h1 { font-size: 2rem; margin: 0 0 10px; padding-bottom: 30px; } #gk-login input { margin: 6px 0 0; min-width: 99%; } #gk-login #rememberme { min-width: auto; } #gk-login input[type="submit"] { float: left; min-width: inherit; } #gk-login p { margin: 0 0 20px; overflow: hidden; } #gk-login .btn-border { clear: both; float: none; display: block; margin: 62px 8px 12px; width: 100%; } #login-forgot { font-size: 1.3rem; float: right; line-height: 25px; margin: -55px 8px 12px 8px; } /* Contact page */ .gk-map-icon { border-bottom: 2px solid #fff; bottom: 72px; color: #fff; cursor: pointer; font-size: 1.4rem; font-weight: 500; left: 50%; letter-spacing: 2px; line-height: 1; position: absolute; text-transform: uppercase; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .gk-map-icon > i { display: block; font-size: 3.6rem; margin: 0 auto 10px auto; text-align: center; } .gk-map-icon:active, .gk-map-icon:focus, .gk-map-icon:hover { border-bottom-color: #f079a3; color: #f079a3; } .gk-social-icons-block { font-size: 2.8rem; padding: 50px 0 0 0; } .gk-social-icons-block > a { color: #fff; padding: 0 4px; } .gk-social-icons-block > a:active, .gk-social-icons-block > a:focus, .gk-social-icons-block > a:hover { color: #f079a3; } .contact .entry-title-wrap h1 { color: #fff; } .contact .entry-title-wrap h1 + h2 { margin-top: 10px; } .contact .entry-title-wrap h2 { color: #fff; font-size: 2.4rem; font-weight: 300; line-height: 32px; } .contact .entry-title-wrap span.conp { color: #fff;display:block;margin-top:10px;font-family:verdana; font-size: 2.4rem; font-weight: 300; line-height: 32px; } .contact .site > div { float: left; padding: 0 0 0 65px; width: 50%; } .contact .site > div:first-child { padding: 0 65px 0 0; } .contact h3 { font-size: 1.8rem; font-weight: bold; } .contact-form p { margin: 0 0 20px 0; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] { margin: 6px 0 0 0; width: 100%; } .contact-form input[type="checkbox"] { float: left; margin: 8px 6px 0 0; } .contact-form textarea { height: 210px !important; width: 100%; } .contact .site { padding: 164px 0 25px; } .contact .site:after { clear: both; content: ""; display: table; } .contact dl { margin: 0; } .contact dd { margin: 0 0 20px 0; } .contact-details p + h3 { padding-top: 48px; } .contact-details big { color: #26292b; display: block; font-size: 2.4rem; font-weight: bold; line-height: 1.2; padding-top: 48px; } .contact-details big + small { font-size: 1.4rem; } .contact span.error { color: #e32121; } .page-template-template-contact .widget { margin: 0; } .page-template-template-contact #page { padding-bottom: 0; } .page-template-template-contact #gk-bottom5 > div { padding-top: 0; } /* Frontpage - testimonials */ .gk-testimonials { position: relative; text-align: center; } .gk-testimonials > div { margin: 0 auto; padding: 40px 0 10px 0; width: 100%; } .gk-testimonials > div > div { -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out; width: 100%; } .gk-testimonials > div:after { clear: both; content: ""; display: table; } .gk-testimonials[data-amount="2"] > div > div { width: 200%; } .gk-testimonials[data-amount="3"] > div > div { width: 300%; } .gk-testimonials[data-amount="4"] > div > div { width: 400%; } .gk-testimonials[data-amount="5"] > div > div { width: 500%; } .gk-testimonials[data-amount="6"] > div > div { width: 600%; } .gk-testimonials[data-amount="7"] > div > div { width: 700%; } .gk-testimonials[data-amount="8"] > div > div { width: 800%; } .gk-testimonials blockquote { border: none; float: left; margin: 0 1.5%; opacity: 1; padding: 0; -webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out; width: 75%; } .gk-testimonials blockquote > img { border-radius: 50%; display: block; margin: 0 auto 50px auto; } .gk-testimonials blockquote > strong { color: #26292b; display: block; font-size: 1.8rem; font-style: normal; padding: 40px 0 30px 0; } .gk-testimonials blockquote.hidden { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .gk-testimonials[data-amount="2"] blockquote { margin: 0 6.25%; width: 37.5%; } .gk-testimonials[data-amount="3"] blockquote { margin: 0 4.166666%; width: 25%; } .gk-testimonials[data-amount="4"] blockquote { margin: 0 3.125%; width: 18.75%; } .gk-testimonials[data-amount="5"] blockquote { margin: 0 2.5%; width: 15%; } .gk-testimonials[data-amount="6"] blockquote { margin: 0 2.083333%; width: 12.5%; } .gk-testimonials[data-amount="7"] blockquote { margin: 0 1.785714%; width: 10.714285%; } .gk-testimonials[data-amount="8"] blockquote { margin: 0 1.5625%; width: 9.375%; } .gk-testimonials.hidden { opacity: 0; } .gk-testimonials p { font-size: 1.6rem; font-style: normal; line-height: 2; } .gk-testimonials-pagination { bottom: -20px; position: absolute; text-align: center; width: 100%; } .gk-testimonials-pagination li { background: #ddd; border: none; border-radius: 50%; cursor: pointer; display: inline-block; height: 5px; margin: 0 8px; padding: 0; text-indent: -9999px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 5px; } .gk-testimonials-pagination li.active { background: #f079a3; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .gk-big-heading { color: #fff; font-size: 20rem; font-weight: bold; } .gk-big-heading > .gk-number-block { border: 5px solid #fff; border-radius: 50%; display: inline-block; font-weight: 300; font-size: 10rem; height: 140px; line-height: 124px; position: relative; top: -16px; vertical-align: middle; width: 140px; } .gk-big-heading + p { color: #fff; font-size: 2rem; font-weight: 400; margin: 0; } .gk-features { margin: 67px 0; } .gk-features:after { clear: both; content: ""; display: table; } .gk-features dt { font-size: 1.8rem; font-weight: bold; margin: 0 0 40px 0; } .gk-features dd { margin: 0 0 54px 0; } .gk-price-table { color: #26292b; margin: 239px 0; } .gk-price-table:after { clear: both; content: ""; display: table; } .gk-price-table > dl { margin: 0 1.5%; padding: 0 20px; width: 30.333333%; } .gk-price-table[data-cols="1"] > dl { margin: 0; width: 100%; } .gk-price-table[data-cols="2"] > dl { margin: 0 1.5%; width: 47%; } .gk-price-table[data-cols="3"] > dl { margin: 0 1.5%; width: 30.333333%; } .gk-price-table[data-cols="4"] > dl { margin: 0 1.5%; width: 22%; } .gk-price-table > dl { background: #fff; float: left; padding: 0 0 70px 0; text-align: center; } .gk-price-table dd { margin: 0; } .gk-price-table > dl > dt { border-bottom: 1px solid #e5e5e5; font-weight: 400; margin: 0; padding: 40px; padding-bottom: 50px; text-transform: uppercase; } .gk-price-table > dl > dt > strong { font-size: 1.4rem; font-weight: bold; display: block; margin: 0 0 32px 0; } .gk-price-table > dl > dt > span { font-size: 5.6rem; line-height: 1; } .gk-price-table > dl > dt > span > sub { font-size: 1.8rem; line-height: 1; position: relative; top: 8px; vertical-align: middle; } .gk-price-table > dl.gk-premium > dt { background: #26292b; border-bottom: none; color: #fff; } .gk-price-table > dl.gk-premium > dt > h3 { color: #fff; } .gk-price-table > dl dd > ul { font-size: 1.4rem; padding: 56px; text-align: center; } .gk-price-table > dl dd > ul > li { border: none; line-height: 36px; font-weight: 400; padding: 0; } .gk-price-table > dl dd > a { border: 2px solid #26292b; color: #26292b; display: inline-block; font-size: 1.4rem; font-weight: bold; letter-spacing: 2px; line-height: 52px; padding: 0 40px; text-transform: uppercase; } .gk-price-table > dl dd > a:active, .gk-price-table > dl dd > a:focus, .gk-price-table > dl dd > a:hover { border-color: #f079a3; color: #f079a3; } #sbox-window { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .frontpage .box { padding: 0px 0 100px 0; text-align: center; } #frontpage-wrap > .box:first-child { padding: 0; } .frontpage .gk-desc, .page-template-template-one-page .gk-desc { padding: 0px 0 0px 0; } .gk-desc, .gk-desc.bigger-spaces, .gk-desc.small-spaces, .gk-desc.very-big-spaces { padding: 0; text-align: center; } .gk-desc.bigger-spaces { overflow: hidden; } .gk-desc > img { margin: 0 0 72px 0; } .gk-desc h2 { color: #111; font-size: 3.6rem; font-weight: bold; line-height: 1.4; margin: 0 0 50px 0; } .gk-desc p { color: #777; font-size: 1.6rem; line-height: 1.6; text-align: justify; } .gk-desc p .big-text { color: #777; display: block; font-weight: 300; margin-bottom: 64px; } .gk-desc .btn-border { margin: 50px 0 0 0; } .gk-desc .gk-signature { border-bottom: 1px solid #26292b; color: #26292b; display: inline-block; font-weight: 700; line-height: 1.1; margin: 20px 0; text-transform: uppercase; } .gk-desc dl { counter-reset: deflist; text-align: left; } .gk-desc dl > dt { clear: both; color: #26292b; float: left; font-size: 1.8rem; padding: 0 20px 0 72px; position: relative; width: 30%; } .gk-desc dl > dt:before { border: 1px solid #777; border-radius: 50%; counter-increment: deflist; content: counter(deflist); font-size: 1.2rem; font-weight: bold; height: 32px; left: 20px; line-height: 32px; position: absolute; text-align: justify; top: -1px; width: 32px; } .gk-desc dl > dd { float: right; margin: 0 0 50px 0; width: 70%; } .gk-desc dl > dd > p { margin: 0 0 15px 0; } .gk-desc dl > dd > a { color: #26292b; font-size: 1.4rem; font-weight: 400; text-decoration: underline; } .gk-desc dl > dd > a:active, .gk-desc dl > dd > a:focus, .gk-desc dl > dd > a:hover { color: #f079a3; } .box.very-big-spaces { padding: 540px 0; } .box.bigger-spaces { padding: 180px 0; } .box.small-spaces, .widget.small-spaces { padding: 50px 0; } .box.small-text, .widget.small-text { color: #26292b; font-size: 1.4rem; font-weight: 400; } .box .big-text { color: #26292b; font-size: 2rem; font-weight: bold; } .box.newsletter, .widget.newsletter { padding: 48px 0; } .box.newsletter form, .widget.newsletter form { overflow: hidden; text-align: right; } .box.newsletter small, .widget.newsletter small { color: #fff; float: left; font-size: 1.8rem; font-style: italic; font-weight: 300; line-height: 50px; max-width: 40%; } .box.newsletter input, .widget.newsletter input { display: inline-block; } .box.newsletter input[type="email"], .widget.newsletter input[type="email"] { border: none; margin: 0 12px 0 0; width: 40%; } .box.testimonials { overflow: hidden; padding: 120px 0 100px 0; position: relative; } .box.testimonials:before, .box.testimonials:after { background: #ddd; content: ""; height: 1px; left: 50%; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 150px; } .box.testimonials:before { margin-left: -300px; top: 150px; } .box.testimonials:after { bottom: 130px; margin-left: 100px; } .box.parallax-bg { background-attachment: fixed; background-position: center center; background-size: cover; } .box.slideshow { overflow: hidden; position: relative; } .frontpage-block .box { text-align: center; } .box.color-bg { background: #f079a3; color: #fff; } .box.gray-bg { background: #f0f2f3; } .box.dark-bg, .widget.dark-bg { background: #26292b; color: #fff; } .gk-video-link { color: #fff; font-size: 3rem; } .gk-video-link:hover { color: #fff; } .gk-video-link:hover > i { margin: 0 80px; } .gk-video-link > i { border: 2px solid #fff; border-radius: 50%; color: #fff; height: 100px; line-height: 96px; margin: 0 60px; opacity: 0; padding: 0; text-align: center; text-indent: 2px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transform: scale(0.5) rotate(-360deg); -moz-transform: scale(0.5) rotate(-360deg); -ms-transform: scale(0.5) rotate(-360deg); -o-transform: scale(0.5) rotate(-360deg); transform: scale(0.5) rotate(-360deg); width: 100px; } .gk-video-link.gk-rotate-animation > i { opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #gk-video-overlay { background: #26292b; display: none; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 100%; z-index: 11; } #gk-video-overlay.show { display: block; } #gk-video-overlay.open { opacity: 1; } #gk-video-overlay > iframe { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 100%; z-index: 12; } #gk-video-overlay > iframe.loaded { opacity: 1; } #gk-video-overlay > a { color: #fff; cursor: pointer; font-size: 3.2rem; line-height: 1; text-shadow: 0 0 3px #26292b; position: absolute; right: 64px; top: 10px; z-index: 13; } #gk-video-overlay > a:active, #gk-video-overlay > a:focus, #gk-video-overlay > a:hover { color: #f079a3; } .gk-big-text { padding: 150px 0; } .gk-big-text > h2 { color: #fff; font-size: 4.8rem; font-weight: 700; letter-spacing: 3px; line-height: 60px; text-align: center; text-transform: uppercase; } .gk-big-text > h2 + small { color: #fff; display: block; font-size: 2.4rem; font-weight: 300; line-height: 32px; margin-top: 10px; text-align: center; } .gk-big-text + .gk-counters { margin: -50px 0 100px 0; } .gk-counters { color: #fff; text-align: center; } .gk-counters > .gk-counter { display: inline-block; line-height: 1.2; min-width: 220px; position: relative; } .gk-counters > .gk-counter:after { background: rgba(255,255,255,0.3); content: ""; height: 72px; position: absolute; right: 0; top: 20px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 2px; } .gk-counters > .gk-counter:last-child:after { display: none; } .gk-counters > .gk-counter > span { font-size: 7.2rem; } .gk-counters > .gk-counter > small { display: block; font-size: 2rem; } /** * 3.15 Typography * ---------------------------------------------------------------------------- */ .demo-typo { color: #111; font-size: 1.6rem; margin: 60px 0 20px!important; text-transform: uppercase; } /* Contet elements */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6 { margin: 20px 0; } .entry-content ul li, .entry-summary ul li { list-style: none;font-size: 16px;color: #000000;font-family: 'Montserrat', sans-serif;font-weight: 400; overflow: inherit; padding: 2px 0 2px 26px; position: relative; } .entry-content ul li:before, .entry-summary ul li:before { color: #26292b; content: "\f111"; font-family: FontAwesome; font-size: 0.6rem; position: absolute; top: 10px; left: 0; } .entry-content .gk-bullet2 li:before, .entry-summary .gk-bullet2 li:before, .entry-content .gk-bullet3 li:before, .entry-summary .gk-bullet3 li:before, .entry-content .gk-bullet4 li:before, .entry-summary .gk-bullet4 li:before { content: "\f14a"; font-size: 1.2rem; top: 6px; } .entry-summary .gk-bullet3 li:before, .entry-content .gk-bullet3 li:before { content: "\f006"; } .entry-summary .gk-bullet4 li:before, .entry-content .gk-bullet4 li:before{ content: "\f0a9"; } .entry-content ul ul, .entry-summary ul ul { padding-left: 20px; } .entry-content table, .entry-summary table { border: 1px solid #e5e5e5; } .entry-content td, .entry-summary td { border: 1px solid #e5e5e5; padding: 5px; } .entry-content th, .entry-summary th { background: #fafafa; border: 1px solid #e5e5e5; font-weight: bold; padding: 5px; } .entry-content pre, .entry-summary pre { border: 1px solid #e5e5e5; color: #272727; padding-left: 32px; } .entry-content, .entry-summary { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } blockquote { border-left: 3px solid #ccc; -webkit-font-smoothing: antialiased; font-size: 1.5rem; font-style: italic; margin-left: 0; margin: 3em 0; padding: 0 0 0 30px; } blockquote strong { font-size: 1.4rem; } blockquote > strong:before { content: "-"; padding-right: 7px; } blockquote cite, blockquote small { color: #aaa; display: block; font: normal 12px Monaco,Consolas,"Courier News",monospace; margin-top: 20px; } .entry-content dt, .entry-summary dt { font-weight: bold; } .entry-content dd, .entry-summary dd { margin: 5px 0; } .entry-content address p, .entry-summary address p { margin: 5px 0; } .entry-content acronym, .entry-summary acronym { border-bottom: 1px dotted; } .entry-content q, .entry-summary q { color: #999; font-style: italic; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } .map .widget img { max-width: inherit; } .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } embed, iframe, object, video { max-width: 100%; } /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #aaa; font-size: 1.4rem; font-style: italic; font-weight: 300; margin: 5px 0 10px 0; text-align: center; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /* * Other common typography elements */ /* bigtitle suffix */ .bigtitle { text-align: center; } .bigtitle .header, .bigtitle .widget-title { display: inline-block; font-weight: 400; line-height: 1.1; margin: 0; position: relative; z-index: 2; } .bigtitle .header > a, .bigtitle .header > span, .bigtitle .widget-title > a, .bigtitle .widget-title > span { color: #000; display: inline-block; letter-spacing: -3px; padding: 0 20px; position: relative; z-index: 1; } .archive .entry-title-wrap > h1 { color: #fff; font-size: 3.6rem; font-weight: bold; letter-spacing: 0; line-height: 1.2; margin: 15px 0; text-align: center; text-transform: none; } .archive .entry-title-wrap > p, .author-info .entry-title + p { color: #fff; font-size: 2.4rem; font-weight: 300; line-height: 1.4; } .archive-page .entry-title { font-weight: bold; margin: 15px 0; text-align: center; } .progress { background: #f0f2f3; color: #111; font-size: 1.4rem; font-weight: 400; line-height: 32px; height: 3px; margin: 3em 0; position: relative; } .progress .bar { background: #111; box-sizing: border-box; float: left; height: 100%; opacity: 0; overflow: visible; padding-top: 2px; position: relative; -webkit-transform: scaleX(0) !important; -moz-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; -o-transform: scaleX(0) !important; transform: scaleX(0) !important; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; text-align: left; } .progress .bar.gk-loaded { opacity: 1; -webkit-transform: scaleX(1) !important; -moz-transform: scaleX(1) !important; -ms-transform: scaleX(1) !important; -o-transform: scaleX(1) !important; transform: scaleX(1) !important; } .progress .bar > span { opacity: 0; position: absolute; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; right: -5px; top: -10px; } .progress .bar.gk-loaded > span { opacity: 1; top: 2px; } .progress > p { margin: 0; } .progress > p > span { left: 0; line-height: 33px; position: absolute; } p.gk-info, p.gk-success, p.gk-notice, p.gk-error { border: 1px solid transparent; color: #111; font-size: 1.4rem; font-weight: 500; padding: 12px 12px 12px 50px; position: relative; } p.gk-info:before, p.gk-success:before, p.gk-notice:before, p.gk-error:before { font-family: FontAwesome; font-size: 1.6rem; position: absolute; top: 10px; left: 22px; } p.gk-info { border-color: #9fcdff; color: #2c76c7; } p.gk-info:before { color: #2c76c7; content: "\f0e6"; } p.gk-success { border-color: #96dab5; color: #35ac6b; } p.gk-success:before { color: #35ac6b; content: "\f0eb"; } p.gk-notice { border-color: #fed37d; color: #cf9215; } p.gk-notice:before { color: #e29e13; content: "\f071"; } p.gk-error { border-color: #ffa5a5; color: #e32121; } p.gk-error:before { color: #e32121; content: "\f057"; } #warnings p { margin: 1em 0; } .gk-highlight { cursor: default; padding: 1px 5px; text-shadow: none } .gk-highlight { background: #ffd } .entry-content pre, .entry-content code { background: #f0f2f3; border-left: 4px solid #111; color: #111; font: normal .92em/32px 'Curier New', monospace !important; margin: 3em 0; padding: 20px 26px 20px 32px; } .block-1, .block-2 { background: #f0f2f3; padding: 30px; } .block-2 { background: #FFFEF4; } .legend { border: 4px double #e5e5e5; margin: 3em 0; padding: 30px; } .legend h4 { background: #fff; color: #111; float: left; font-size: 14px; font-weight: 400; left: 11px; line-height: 18px; margin: 0 0 -9px !important; padding: 0 10px; position: relative; text-transform: uppercase; top: -41px; } .legend p { clear: both; margin: 7px; } p.numblocks { color: #111; font-weight: 400; margin: 0 0 24px; min-height: 48px; padding: 0 0 0 62px !important; position: relative; } p.numblocks em { display: block; line-height: 1; margin: 0 0 3px 0; font-style: normal; font-weight: 700; } p.numblocks span { border: 1px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; font-size: 1.3rem; font-weight: bold; height: 36px; left: 0; line-height: 36px; position: absolute; text-align: center; top: 2px; width: 36px; } p.num-2 span { color: #cc6060; border-color: #cc6060; } p.num-2 em { color: #cc6060; } p.numblocks span.highlight { border-right: none; display: inline; font-size: 1.5rem; position: static; width: auto } .gk-block-text-left, .gk-block-text-right, .gk-block-text-center { color: #111; display: block; font-style: italic; font-weight: 400; line-height: 170%; padding: 25px; width: 38%; } .gk-block-text-left { float: left; padding-left: 0; text-align: left; } .gk-block-text-right { float: right; padding-right: 0; text-align: right; } .gk-block-text-center { margin: 0 auto; text-align: center; width: 60%; } .entry-content .the-icons { border-top: 1px solid #e5e5e5; margin-bottom: 32px; } .entry-content .the-icons > li { border: 1px solid #e5e5e5; border-right: none; border-top: none; font-size: 13px; font-weight: 400; float: left; padding: 15px 20px; width: 25%; } .entry-content .the-icons > li:nth-child(4n), .entry-content .the-icons > li:last-child { border-right: 1px solid #e5e5e5; } .the-icons > li:before { display: none!important; } .page-header { clear: both; padding: 36px 0 18px; text-transform: uppercase; } [class^="fa fa-"], [class*=" fa-"] { /*color: #111; padding-right: 8px;*/ } .demo-typo-div { clear: both; margin: 0 0 60px; overflow: hidden; } /** * 4. Widgets * ---------------------------------------------------------------------------- */ .widget { line-height: 1.6; margin: 0 0 30px 0; word-wrap: break-word; } .box { line-height: 1.6; } .widget .widget-title { color: #111; font-size: 3.6rem; font-weight: bold; line-height: 1; padding: 0 0 20px 0; } .widget ul, .widget ol { list-style-type: none; margin: 0; padding: 0; } .widget li { border-bottom: 1px solid #e5e5e5; line-height: 1.6; padding: 7px 0; } .widget li:last-child { border-bottom: none; } .widget li > ul, .widget li > ol { margin-left: 20px; } /* Search widget */ .widget .search-form { text-align: left; } .widget .search-form .search-submit { display: none; } /* RSS Widget */ .widget_rss .rss-date { display: block; } .widget_rss .rss-date, .widget_rss li > cite { color: #aaa; } .cat { font-size: 16px; font-style: italic; color: white; } .white-text { color: white; } .hide { color: white; font-size:3px; line-height: 0.2; } /* Calendar Widget */ .widget_calendar table, .widget_calendar td { border: 0; border-collapse: collapse; border-spacing: 1px; } .widget_calendar caption { font-size: 1.4rem; margin: 0; padding-bottom: 8px; } .widget_calendar th, .widget_calendar td { border: 1px solid #eee; padding: 0; text-align: center; } .widget_calendar th { background: #f5f5f5; color: #000; font-weight: 600; } .widget_calendar td { padding: 3px 7px; text-align: center; } .widget_calendar a { display: block; } .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.5); } /* Other */ select { max-width: 100%; } .tagcloud a { color: #ccc; display: inline-block; font-size: 1.6rem!important; font-weight: 400; margin: 0 10px 0 0; } .tagcloud a:hover { color: #f079a3; } .tagcloud a:before { content: "#"; color: #ccc; } .widget widget_rss li { padding: 10px 0; } #gk-bottom .search-field { width: 100%; } /** * 4.1 Widget styles * ---------------------------------------------------------------------------- */ /* suffix light */ .widget.light { background: #f0f2f3; border: none; padding: 32px !important; } /* suffix dark */ .widget.dark { background: #26292b; border: none; color: #777; padding: 32px !important; } .widget.dark .widget-title { background: transparent !important; line-height: 1.2; } .widget.dark h1, .widget.dark h2, .widget.dark h3, .widget.dark h4, .widget.dark h5, .widget.dark h6 { color: #fff; } .widget.dark ul { margin: 0; padding: 0; } .widget.dark ul li { border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; } .widget.dark ul li:last-child { border-bottom: none; } .widget.dark a { color: #ccc !important } .widget.dark a:active, .widget.dark a:focus, .widget.dark a:hover { color: #f079a3 !important; } .widget.dark ul ul { margin: 0 0 0 20px; } /* suffix color */ .widget.color { background: #f079a3; border: none; color: rgba(255,255,255,0.7); padding: 32px !important; } .widget.color .widget-title { background: transparent !important; line-height: 1.2; } .widget.color h1, .widget.color h2, .widget.color h3, .widget.color h4, .widget.color h5, .widget.color h6 { color: #fff; } .widget.color ul { margin: 0; padding: 0; } .widget.color ul li { border-bottom: 1px solid rgba(255,255,255,0.3); position: relative; } .widget.color ul li:last-child { border-bottom: none; } .widget.color a { color: rgba(255,255,255,0.9); } .widget.color a:active, .widget.color a:focus, .widget.color a:hover { color: #fff; } .widget.color ul ul { margin: 0 0 0 20px; } /* Suffix border1 & border2 */ .widget.border1, .widget.border2 { background: #fff; border: 2px solid #f079a3; color: #444; padding: 45px 45px 35px 45px; } .widget.border1 > div, .widget.border2 > div { clear: both; } .widget.border2 { border-color: #26292b; } .widget.border1 .header, .widget.border1 .widget-title, .widget.border2 .header, .widget.border2 .widget-title { color: #f079a3; float: left; font-weight: 600; margin: -15px 0 20px 0; padding: 10px 0 0 0; } .widget.border2 .widget-title { color: #26292b; } .widget.border2 a { color: #26292b; } .widget.border2 a:active, .widget.border2 a:focus, .widget.border2 a:hover { color: #f079a3; } .widget.advertisement .widget-title { background: transparent; border-bottom: 1px solid #e5e5e5; color: #aaa !important; font-size: 1.2rem!important; font-weight: 300; line-height: 16px; margin: 0 0 16px 0; min-height: 21px; padding: 0; text-align: right; text-transform: none; } /** * 4.2 GK News Show Pro * ---------------------------------------------------------------------------- */ .gk-nsp { position: relative; } .gk-nsp-arts, .gk-nsp-links, .gk-title-overlay { overflow: hidden; } .gk-nsp-arts-nav, .gk-nsp-links-nav { overflow: hidden; clear: both; } .gk-nsp-links-nav { float: right; } .gk-nsp-arts-nav { position: absolute; right: 0; padding: 0 3px; top: -43px; } .gk-nsp-arts-nav ul, .gk-nsp-links-nav ul { list-style-type: none; margin: 3px 0 0; padding: 0; float: left; } .gk-nsp-arts-nav ul li, .gk-nsp-links-nav ul li { background: #ddd; border-radius: 6px; cursor: pointer; display: block; float: left; height: 12px; margin: 3px 4px 0 0 !important; padding: 0; text-indent: -999em; width: 12px; } .gk-nsp-arts-nav ul li.active, .gk-nsp-links-nav ul li.active { background: #f079a3; } .gk-nsp-next, .gk-nsp-prev { cursor: pointer; float: left; height: 24px; margin: 0 2px; text-align: center; text-indent: -9999px; width: 24px; } .gk-nsp-next:after, .gk-nsp-prev:after { color: #ddd; display: block; float: left; font-family: FontAwesome; font-size: 1.6rem; line-height: 24px; text-align: center; text-indent: 0; width: 24px; } .gk-nsp-next:after { content: '\f054'; } .gk-nsp-prev:after { content: '\f053'; } .gk-nsp-next:hover:after, .gk-nsp-prev:hover:after { color: #f079a3; } .gk-nsp-art-page { float: left; } .gk-nsp-art { float: left; } .gk-nsp-art:first-child { border-top: none; } .gk-nsp-art div { overflow: hidden; } .gk-nsp-art .gk-nsp-image { border: none; } .gk-nsp-header { color: #010101; font-size: 2rem; font-weight: normal; line-height: 1.2; margin: 0; padding: 10px 0; text-transform: none; } .gk-nsp-header a { color: #1b1d1e; } .gk-nsp-header a:active, .gk-nsp-header a:focus, .gk-nsp-header a:hover { color: #f079a3 !important; } .gk-nsp-image { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .gk-nsp-image:hover { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .gk-nsp-image-wrap { overflow: hidden; } .gk-nsp-text { color: #888; display: block !important; font-size: 1.4rem; line-height: 1.4; margin: 0; padding: 0 !important; } .gk-nsp-text + .readon { display: block; margin: 16px 0 0 0 !important; } .gk-nsp-text + .gk-nsp-info { margin: 6px 0 10px 0 !important; } .gk-nsp-info { color: #999; display: block !important; font-size: 1.2rem; margin: 0; padding: 2px 0; } .gk-nsp-info > a, .gk-nsp-info > span { padding-left: 10px; } .gk-nsp-info > a:first-child, .gk-nsp-info > span:first-child { padding-left: 0; } .gk-nsp-info .amount { font-size: 1rem; } .readon { float: right; height: 40px; line-height: 40px; padding: 0 20px; } .readon.left, .readon.right, .readon.center { clear: both; } .readon.left { float: left; } .readon.right { float: right; } .readon.center { display: inline; float: none; } .gk-nsp-arts + .gk-nsp-links { border-top: 1px solid #e5e5e5; } .gk-nsp-links ul { float: left; list-style-type: none; padding: 0; } .gk-nsp-links ul li { display: table; margin: 0; padding: 16px 0; width: 100%; } .gk-nsp-links ul li .gk-nsp-link-header { font-size: 1.5rem; font-weight: 700; margin: 0 0 6px; } .gk-nsp-links p { font-size: 1.2rem; margin: 0 !important; padding: 16px 0; } .gk-nsp-image-wrap { float: left; } .gk-responsive { line-height: 1; } img.gk-responsive { width: 100%; height: auto; } .gk-responsive { display: block; position: relative; } .gk-image-link { display: block; overflow: hidden; } .gk-nsp-image { max-width: 100%; } .gk-nsp-arts, .gk-nsp-links { clear: both; width: 100%; } .gk-nsp-art, .gk-nsp-arts-page { float: left; } .gk-nsp-pages-1 { width: 100%; } .gk-nsp-pages-2 { width: 200%; } .gk-nsp-pages-3 { width: 300%; } .gk-nsp-pages-4 { width: 400%; } .gk-nsp-pages-5 { width: 500%; } .gk-nsp-pages-6 { width: 600%; } .gk-nsp-pages-7 { width: 700%; } .gk-nsp-pages-8 { width: 800%; } .gk-nsp-pages-9 { width: 900%; } .gk-nsp-pages-10 { width: 1000%; } .gk-nsp-cols-1 { width: 100%; } .gk-nsp-cols-2 { width: 50%; } .gk-nsp-cols-3 { width: 33.333333%; } .gk-nsp-cols-4 { width: 25%; } .gk-nsp-cols-5 { width: 20%; } .gk-nsp-cols-6 { width: 16.666666%; } .gk-nsp-cols-7 { width: 14.285714%; } .gk-nsp-cols-8 { width: 12.5%; } .gk-nsp-cols-9 { width: 11.111111%; } .gk-nsp-cols-10 { width: 10%; } .gk-nsp-cols-1, .gk-nsp-cols-2:nth-child(2n+1), .gk-nsp-cols-3:nth-child(3n+1), .gk-nsp-cols-4:nth-child(4n+1), .gk-nsp-cols-5:nth-child(5n+1), .gk-nsp-cols-6:nth-child(6n+1), .gk-nsp-cols-7:nth-child(7n+1), .gk-nsp-cols-8:nth-child(8n+1), .gk-nsp-cols-9:nth-child(9n+1), .gk-nsp-cols-10:nth-child(10n+1) { clear: both; } .gk-nsp-arts-scroll, .gk-nsp-links-scroll { overflow: hidden; } /* Rating styles */ .gk-nsp-art .gk-nsp-stars { display: inline-block; padding: 5px 10px 5px 0 !important; } .gk-nsp-art .gk-nsp-star-0:before, .gk-nsp-art .gk-nsp-star-1:before { content: "★"; color: #6c6c6c; font-family: Arial, sans-serif; font-size: 1.4rem; } .gk-nsp-art .gk-nsp-star-1:before { color: #f7a834; } /** * 4.3 GK Tabs * ---------------------------------------------------------------------------- */ .none .gk-tabs { position: relative; } .none .gk-tabs-wrap { margin: 0; } .none .gk-tabs-wrap > ol { margin: 0 !important; min-height: 50px; } .none .gk-tabs-wrap > ol li { border: 1px solid #d5d5d5 !important; border-bottom: 1px solid #d5d5d5 !important; color: #aaa; cursor: pointer; float: left; font-size: 1.4rem; font-weight: bold; line-height: 25px; list-style-type: none; margin: 0 10px; padding: 11px 15px 10px; } .none .gk-tabs-wrap > ol li:first-child { margin-left: 0; } .none .gk-tabs-wrap > ol li:hover, .none .gk-tabs-wrap > ol li.active, .none .gk-tabs-wrap > ol li.active:hover { border-color: #f079a3 !important; color: #f079a3; } .none .gk-tabs-container { background: #fff; clear: both; overflow: hidden; position: relative; } .none .gk-tabs-item { background: #fff; overflow: hidden; padding: 24px 0; position: absolute; top: 0; width: 100%; z-index: 1; } .none .gk-tabs-item.active { left: 0; position: relative; z-index: 2; } .none .gk-tabs-item .box { margin-bottom: 0 !important; } .none .gk-tabs-item p { margin-top: 0; } .none .gk-tabs-prev, .none .gk-tabs-next { display: none; } .transparent-tabs { position: relative; } .transparent-tabs .gk-tabs-nav { counter-reset: tabs; left: 50%; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-920px); -moz-transform: translateY(-50%) translateX(-920px); -ms-transform: translateY(-50%) translateX(-920px); -o-transform: translateY(-50%) translateX(-920px); transform: translateY(-50%) translateX(-920px); width: 240px; z-index: 10; } .transparent-tabs .gk-tabs-nav li { background: rgba(255,255,255,0.17); border: none !important; border-radius: 2px; color: #fff; display: block; font-size: 1.4rem; font-weight: 400; line-height: 64px; margin: 10px 0; padding: 0 10px 0 72px; position: relative; text-align: left; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 100%; } .transparent-tabs .gk-tabs-nav li:before { border: 1px solid #fff; border-radius: 50%; counter-increment: tabs; content: counter(tabs); height: 32px; left: 20px; line-height: 32px; position: absolute; text-align: center; top: 16px; width: 32px; } .transparent-tabs .gk-tabs-nav li.active, .transparent-tabs .gk-tabs-nav li:hover { background: rgba(255,255,255,0.32); color: #fff; } .transparent-tabs .gk-tabs-nav.dark-tabs li { background: #fff; color: #26292b; } .transparent-tabs .gk-tabs-nav.dark-tabs li:before { border-color: #ccc; } .transparent-tabs .gk-tabs-nav.dark-tabs li.active, .transparent-tabs .gk-tabs-nav.dark-tabs li:hover { background: #26292b; color: #fff; } .transparent-tabs .gk-tabs-nav.dark-tabs li.active:before, .transparent-tabs .gk-tabs-nav.dark-tabs li:hover:before { border-color: #aaa; } .transparent-tabs .gk-tabs-item { left: 0; padding: 0 !important; right: 0; } /* The common part */ /* Errors */ .gk-tabs-error { color: #555; font-size: 1.6rem; padding: 32px 16px; text-align: center; } .gk-tabs-error > strong { color: #d44; display: block; font-family: Verdana, sans-serif; font-size: 10rem; font-weight: bold; line-height: 100px; } .gk-tabs-error > small { font-size: 1.1rem; } /* Animations */ .gk-tabs-item { opacity: 0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; position: absolute; top: 0; } .gk-tabs-item.active { opacity: 1; position: relative; z-index: 2; } .gk-tabs[data-anim="scale-up"] .gk-tabs-item { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } .gk-tabs[data-anim="scale-down"] .gk-tabs-item { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .gk-tabs[data-anim="rotate-y"], .gk-tabs[data-anim="rotate-x"] { /* -webkit-perspective: 1200; -moz-perspective: 1200; -ms-perspective: 1200; perspective: 1200;*/ -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; perspective: 1200px; } .gk-tabs[data-anim="rotate-y"] .gk-tabs-item { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .gk-tabs[data-anim="rotate-x"] .gk-tabs-item { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .gk-tabs[data-anim="scale-up"] .gk-tabs-item.active, .gk-tabs[data-anim="scale-down"] .gk-tabs-item.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gk-tabs[data-anim="rotate-y"] .gk-tabs-item.active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .gk-tabs[data-anim="rotate-x"] .gk-tabs-item.active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } /** * 4.4 GK Image Show * ---------------------------------------------------------------------------- */ .gk-is-wrapper-gk_quark { background: #F8F8F8; margin: 0; position: relative; } .gk-is-wrapper-gk_quark figure { left: 170%; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.25); -moz-transform: translateY(-50%) translateX(-50%) scale(0.25); -ms-transform: translateY(-50%) translateX(-50%) scale(0.25); -o-transform: translateY(-50%) translateX(-50%) scale(0.25); transform: translateY(-50%) translateX(-50%) scale(0.25); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; width: 80%; } .gk-is-wrapper-gk_quark figure h2 { font-size: 2.6rem; color: #000080; /*font-colour: #000080;*/ /*font-weight: bold;*/ } .gk-is-wrapper-gk_quark figure p { color: #5C5858; font-size: 1.6rem; } .gk-is-wrapper-gk_quark figure img { cursor: pointer; max-width: 90%; } .gk-is-wrapper-gk_quark figure.gk-current { left: 50%; opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); -o-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .gk-is-wrapper-gk_quark figure.gk-prev { left: 0%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5); -moz-transform: translateY(-50%) translateX(-50%) scale(0.5); -ms-transform: translateY(-50%) translateX(-50%) scale(0.5); -o-transform: translateY(-50%) translateX(-50%) scale(0.5); transform: translateY(-50%) translateX(-50%) scale(0.5); } .gk-is-wrapper-gk_quark figure.gk-prev-prev { left: -60%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.25); -moz-transform: translateY(-50%) translateX(-50%) scale(0.25); -ms-transform: translateY(-50%) translateX(-50%) scale(0.25); -o-transform: translateY(-50%) translateX(-50%) scale(0.25); transform: translateY(-50%) translateX(-50%) scale(0.25); } .gk-is-wrapper-gk_quark figure.gk-next { left: 110%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5); -moz-transform: translateY(-50%) translateX(-50%) scale(0.5); -ms-transform: translateY(-50%) translateX(-50%) scale(0.5); -o-transform: translateY(-50%) translateX(-50%) scale(0.5); transform: translateY(-50%) translateX(-50%) scale(0.5); } .gk-is-wrapper-gk_quark[data-preview="true"] figure.gk-next, .gk-is-wrapper-gk_quark[data-preview="true"] figure.gk-prev { opacity: 0.2; } .gk-is-wrapper-gk_quark .gk-slider { bottom: 30px; cursor: move; left: 50%; height: 25px; margin: 0 0 0 -20%; position: absolute; width: 40%; } .gk-is-wrapper-gk_quark .gk-slider:before { background: #e5e5e5; content: ""; height: 1px; left: 0; position: absolute; top: 12px; width: 100%; } .gk-is-wrapper-gk_quark .gk-slider-bar { background: #f079a3; content: ""; height: 1px; left: 0; position: absolute; top: 12px; width: 0; z-index: 1; } .gk-is-wrapper-gk_quark .gk-slider-button { background: #fff; border: 2px solid #f079a3; border-radius: 50%; height: 16px; left: 0; margin: 4px 0 0 -7px; position: absolute; top: 0; width: 16px; z-index: 2; } .gk-is-wrapper-gk_quark .gk-is-quark-pagination { position: absolute; right: -196px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .gk-is-wrapper-gk_quark .gk-is-quark-pagination li { background: #e5e5e5; border-radius: 50%; clear: both; cursor: pointer; display: block; height: 5px; margin: 12px 0; padding: 0; text-indent: -999999px; width: 5px; } .gk-is-wrapper-gk_quark .gk-is-quark-pagination .active { background: #f079a3; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } /** * 5. Footer * ---------------------------------------------------------------------------- */ #gk-footer { color: #000; font-size: 1.4rem; font-weight: 300; line-height: 2; padding: 0; text-align: center; } #gk-footer strong { color: #000; } #gk-footer a { color: #26292b; padding: 0; } #gk-footer a:active, #gk-footer a:focus, #gk-footer a:hover { color: #f079a3; } #gk-footer-nav { border-top: 1px solid #e5e5e5; margin: 0 auto; padding: 70px 0 20px 0; } #gk-footer-nav a { color: #000; padding: 0 !important; } #gk-footer-nav a:active, #gk-footer-nav a:focus, #gk-footer-nav a:hover { color: #f079a3; } #gk-footer-nav li { border: none; display: inline-block; float: none; font-size: 1.4rem; font-weight: bold; line-height: 40px; margin: 0 !important; /*padding: 0 18px !important;*/ padding: 0 4px !important; text-transform: uppercase; } #gk-copyrights { color: #777; font-size: 1.1rem; line-height: 40px; margin: 0 auto 20px; padding: 10px 0; position: relative; text-transform: uppercase; } #gk-copyrights:before { border-top: 1px solid #d1d1d1; content: ""; left: 50%; margin: 0 0 0 -45px; position: absolute; top: 0; width: 90px; } #gk-copyrights p { margin: 0; } /** * 6. Multi-site improvements * ---------------------------------------------------------------------------- */ body .mu_register { overflow: hidden; width: 100%; } .mu_register .mu_alert { margin: 0 0 32px 0; } body .mu_register input[type="submit"], body .mu_register #blog_title, body .mu_register #user_email, body .mu_register #blogname, body .mu_register #user_name { width: auto; font-size: inherit; } body #submit, body #key { width: auto; } #activateform { overflow: hidden; } /** * 7. Other * ---------------------------------------------------------------------------- */ /* Post passwords */ .post-password-form label { float: left; } /* Pingbacks and Trackbacks */ .pingback, .trackback { padding: 0 18px; } /* Fix for the reCAPTCHA field */ #recaptcha_response_field { height: auto !important; } h2 + .gk-subtitle { color: #444; font-size: 1.6rem; margin: -16px 0 90px 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* Frontpage */ .frontpage-block-wrap { margin: 0 auto; } .frontpage-block-wrap:after { clear: both; content: ""; display: table; } .frontpage-block { position: relative; } .frontpage-block-wrap { padding: 120px 0; } .gk-parallax .frontpage-block-wrap, #gk-header-mod .frontpage-block-wrap { padding: 0; } /* CATHRYN TRIAL */ .gk-header-mod:after { background: rgba(51,61,67,0.5); content: ""; height: 100%; position: absolute; width: 100%; } /* Frontpage - info blocks */ /* Message block */ .gk-cols .border1, .gk-cols .border2 { margin: 0 !important; padding-bottom: 10px; } /* Suffix big-icon */ .big-icon { position: relative; } .gk-cols .big-icon { margin: 0 !important; } .big-icon a { color: #000; display: block; font-size: 4.8rem; font-weight: 300; line-height: 200px; position: relative; text-align: center; z-index: 1; } .big-icon a:active, .big-icon a:focus, .big-icon a:hover { color: #f079a3; } .big-icon i { color: #f3f3f3; font-size: 18rem; left: -30px; line-height: 1; position: absolute; text-align: center; top: 20px; width: 100%; z-index: 0; } /* Photoswipe */ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #ddd } .pswp--ie .pswp__img { width: 100%; height: 100%; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 1.5rem; line-height: 16px; margin-top: -8px; color: silver; } .pswp__error-msg a { color: silver; text-decoration: underline; } .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: inline-block; border: 0; padding: 0; margin: 0; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { background: none; opacity: 1; } .pswp__button:active { background: none; outline: none; opacity: 0.9; } .pswp__button:focus:before, .pswp__button:hover:before, .pswp__button:active:before { color: #f079a3; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { width: 44px; height: 44px; } .pswp__button--close:before { color: #26292b; content: "p"; font-family: "quark-pixellove"; font-size: 1.4rem; text-transform: none !important; } .pswp__button--share:before { color: #26292b; content: "o"; font-family: "quark-pixellove"; font-size: 1.6rem; text-transform: none !important; } .pswp__button--fs { display: none; } .pswp__button--fs:before { color: #26292b; content: "q"; font-family: "quark-pixellove"; font-size: 1.6rem; text-transform: none !important; } .pswp--supports-fs .pswp__button--fs { display: inline-block; } .pswp__button--zoom:before { color: #26292b; content: "r"; font-family: "quark-pixellove"; font-size: 1.6rem; text-transform: none !important; } .pswp__button--zoom { display: none; } .pswp--zoom-allowed .pswp__button--zoom { display: inline-block; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: transparent; height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { color: #26292b; content: "t"; font-family: "quark-pixellove"; font-size: 1.4rem; left: 30px; text-transform: none !important; } .pswp__button--arrow--right:before { color: #26292b; content: "s"; font-family: "quark-pixellove"; font-size: 1.4rem; right: 30px; text-transform: none !important; } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: rgba(38,41,43,0.8); left: 50%; top: 56px; border-radius: 2px; margin-left: -60px; display: block; padding: 5px 0; width: 160px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 5px 10px 5px 35px; color: #fff; text-decoration: none; font-size: 1.2rem; line-height: 1.9; position: relative; } .pswp__share-tooltip a:active, .pswp__share-tooltip a:focus, .pswp__share-tooltip a:hover { color: #f079a3; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before, a.pswp__share--twitter:before, a.pswp__share--pinterest:before, a.pswp__share--download:before { content: "\f09a"; display: block; float: left; font-family: FontAwesome; left: 12px; top: 5px; position: absolute; } a.pswp__share--twitter:before { content: "\f099"; } a.pswp__share--pinterest:before { content: "\f231"; } a.pswp__share--download:before { content: "\f019"; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 1.3rem; line-height: 44px; color: #26292b; opacity: 0.75; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 1.1rem; color: #777; } .pswp__caption__center { text-align: left; max-width: 1280px; margin: 0 auto; font-size: 1.3rem; overflow: hidden; padding: 70px 10px; line-height: 20px; color: #777; } .pswp__caption__center > h3 { float: left; font-size: 2.4rem; font-weight: 400; max-width: 50%; } .pswp__caption__center > span { color: #777; float: right; font-size: 1.6rem; max-width: 40%; } .pswp__caption, .pswp__top-bar { background: rgba(255,255,255,0.85); } .pswp__top-bar { text-align: center; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { display: none; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(../images/photoswipe-preloader.gif) 0 0 no-repeat; } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .admin-bar .pswp__top-bar { top: 28px; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } @media (max-width: 1400px) { .pswp__caption__center { padding: 30px 10px; } .pswp__caption__center > h3 { font-size: 1.8rem; } .pswp__caption__center > span { font-size: 1.4rem; } } @media (max-width: 1100px) { .pswp__caption__center { padding: 10px; } .pswp__caption__center > h3 { font-size: 1.6rem; margin: 0 0 10px 0; max-width: 100%; width: 100%; } .pswp__caption__center > span { font-size: 1.3rem; max-width: 100%; width: 100%; } } /** * 8. RWD * ---------------------------------------------------------------------------- */ .all-devices { display: block; } .only-desktop { display: block; } .only-tablets { display: none; } .only-smartphones { display: none; } .only-tablets-and-smartphones { display: none; } .only-desktop-and-tablets { display: block; } @media (max-width: 1920px) { .transparent-tabs .gk-tabs-nav { -webkit-transform: translateY(-50%) translateX(-840px); -moz-transform: translateY(-50%) translateX(-840px); -ms-transform: translateY(-50%) translateX(-840px); -o-transform: translateY(-50%) translateX(-840px); transform: translateY(-50%) translateX(-840px); } } @media (max-width: 1720px) { .transparent-tabs .gkTabsNav { left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .gk-features img { height: auto; max-width: 100%; } .box.big-spaces { padding: 150px 0 !important; } .box.very-big-spaces { padding: 320px 0 !important; } #gkHeaderMod .gkPage { width: 90%; } } @media (max-width: 1540px) { .transparent-tabs .gkPage { margin: 0 0 0 260px !important; } .gk-price-table { margin: 150px 0; } } /* * * Rest of the RWD rules is placed in the RWD CSS files: * small.desktop.css, * tablet.css, * small.tablet.css, * mobile.css * */ .gk-current h6{ font-size: 2.6rem; } .top-contact{ background-color: #000; position: fixed; z-index: 99; left: 0; right: 0; } .top-contact p{ float: right; margin: 0 70px 0 0; color: #fff; } .top-contact p a{ color:#fff; } .top-contact p a:hover { color: #005b4c; } .first-cont{ width: 50%; display: inline-block; vertical-align: top; padding-right: 40px;} .second-cont{ width: 49%; display: inline-block; vertical-align: top;} .main1 { padding: 0 20%; } a.white-text:hover { color: rgba(255,255,255,0.6); } .gk-text-center.cat a{color:#fff;} .gk-text-center.cat a:hover{color: rgba(255,255,255,0.6);} .cat a{color:#fff;} .cat a:hover{color: rgba(255,255,255,0.6);} .home-page-form{ padding: 0; margin: 0 auto; max-width: 850px; } .home-page-form label{ display: block; margin-bottom: 18px; } .home-page-form input{ width: 100%; } .body_in_txt p strong { font-size: 20px; display: block; } .review-btn { display: inline-block; margin-top: 10px; } .review-btn a { background: #c59453; padding: 9px 25px; display: inline-block; color: #fff; border-radius: 0px; font-family: 'ntailub'; font-weight: 700; font-size: 16px; } .review-btn a:hover { color: #fff; background-color: #4a382a; text-decoration: none; }