/* Theme Name: Xpert Theme URI: http://themeforest.net/user/apollo13/portfolio Author: Apollo13 Author URI: http://themeforest.net/user/apollo13/ Description: Resume, CV, VCard Premium Wordpress Theme. Made by Apollo13.
Get support from Forum. Version: 1.2.6 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: xpert Domain Path: /languages/ Tags: black, white, light, dark, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready, accessibility-ready */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {margin: 0;} article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;} audio,canvas,progress,video {display: inline-block; vertical-align: baseline;} audio:not([controls]) {display: none;height: 0;} [hidden],template {display: none;} a {background-color: transparent;} a:active,a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em;margin: 0.67em 0;} mark {background: #ff0;color: #000;} small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {box-sizing: content-box;height: 0;} pre {overflow: auto;} code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;} button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;} button {overflow: visible;} button,select {text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] {cursor: default;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} input {line-height: normal;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse;border-spacing: 0;} td,th {padding: 0;} ::-moz-selection {background: #b3d4fc;text-shadow: none;} ::selection {background: #b3d4fc;text-shadow: none;} /* ============================================================================= EMBED FONTS ========================================================================== */ @font-face { font-family: 'SocialFont'; src: url('css/fonts/MonoSocialIconsFont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('css/fonts/MonoSocialIconsFont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon-linecons'; src: url('css/fonts/icomoon-linecons.woff?-ko5bf6') format('woff'), url('css/fonts/icomoon-linecons.ttf?-ko5bf6') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('css/fonts/icomoon.woff') format('woff'), url('css/fonts/icomoon.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .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: 14px; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ============================================================================= ICONS ========================================================================== */ [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon-linecons'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-heart:before { content: "\e600"; } .icon-cloud:before { content: "\e601"; } .icon-star:before { content: "\e602"; } .icon-tv:before { content: "\e603"; } .icon-sound:before { content: "\e604"; } .icon-video:before { content: "\e605"; } .icon-trash:before { content: "\e606"; } .icon-user:before { content: "\e607"; } .icon-key:before { content: "\e608"; } .icon-search:before { content: "\e609"; } .icon-settings:before { content: "\e60a"; } .icon-camera:before { content: "\e60b"; } .icon-tag:before { content: "\e60c"; } .icon-lock:before { content: "\e60d"; } .icon-bulb:before { content: "\e60e"; } .icon-pen:before { content: "\e60f"; } .icon-diamond:before { content: "\e610"; } .icon-display:before { content: "\e611"; } .icon-location:before { content: "\e612"; } .icon-eye:before { content: "\e613"; } .icon-bubble:before { content: "\e614"; } .icon-stack:before { content: "\e615"; } .icon-cup:before { content: "\e616"; } .icon-phone:before { content: "\e617"; } .icon-news:before { content: "\e618"; } .icon-mail:before { content: "\e619"; } .icon-like:before { content: "\e61a"; } .icon-photo:before { content: "\e61b"; } .icon-note:before { content: "\e61c"; } .icon-clock:before { content: "\e61d"; } .icon-paperplane:before { content: "\e61e"; } .icon-params:before { content: "\e61f"; } .icon-banknote:before { content: "\e620"; } .icon-data:before { content: "\e621"; } .icon-music:before { content: "\e622"; } .icon-megaphone:before { content: "\e623"; } .icon-study:before { content: "\e624"; } .icon-lab:before { content: "\e625"; } .icon-food:before { content: "\e626"; } .icon-t-shirt:before { content: "\e627"; } .icon-fire:before { content: "\e628"; } .icon-clip:before { content: "\e629"; } .icon-shop:before { content: "\e62a"; } .icon-calendar:before { content: "\e62b"; } .icon-wallet:before { content: "\e62c"; } .icon-vynil:before { content: "\e62d"; } .icon-truck:before { content: "\e62e"; } .icon-world:before { content: "\e62f"; } /* ============================================================================= WP default styles ========================================================================== */ .alignnone { clear: both; margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { clear: both; display: block; margin: 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright, a img.alignnone, a img.alignleft, a img.aligncenter, .wp-caption{ border: 1px solid #e2e2e2; padding: 6px; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background-color: #fff; max-width: 100%; /* Image does not overflow the content area */ text-align: center; box-sizing: border-box; } .wp-caption.alignnone { clear: both; margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption a{ display: block; } .wp-caption img { border: 0 none; display: block; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { color: #9d9d9d; font-size: 12px; font-style: normal; line-height: 15px; margin: 0; padding: 10px 8px 6px; } .gallery-caption { color: #666; font-size: 12px; } .sticky { /*Empty*/ } .sticky_pin{ position: relative; left: -10px; } /* Assistive text */ .assistive-text { position: absolute; clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } a{ color: #626262; text-decoration: none;} a:hover{ color: #EA4124; } h1,h2,h3,h4,h5,h6{ line-height: 1.05em; margin: 0 0 20px; } h1,h2,h3,h4,h5,h6, h1 a,h2 a,h3 a,h4 a,h5 a, h6 a{ color: #222222; } p{ margin: 1em 0; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } .wp-video-shortcode { max-width: 100%; } /* ============================================================================= FORMS ========================================================================== */ /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea{ border: medium none; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05) inset; background-color: #fff; color: #7d7d7d; font-size: 13px; padding: 6px 10px; height: 38px; width: 100%; max-width: 400px; box-sizing: border-box; } .widget-search-form input[type="search"]{ margin-right: -30px; } .lt-ie9 input[type="text"], .lt-ie9 input[type="password"], .lt-ie9 input[type="search"], .lt-ie9 input[type="email"], .lt-ie9 input[type="url"], .lt-ie9 input[type="tel"], .lt-ie9 input[type="number"], .lt-ie9 input[type="range"], .lt-ie9 input[type="date"]{ padding-top: 10px; padding-bottom: 10px; } textarea{ display: block; max-width: 700px; height: 136px; width: 100%; resize: vertical; /* Allow only vertical resizing of textareas. */ } /* FOCUS COLORS */ input[type="text"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="range"]:hover, input[type="date"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus{ background-color: #fbfbfb; border-color: #b5b5b5; outline: none; } input.cptch_number{ text-align: center; } .error input, .error textarea{ border-color: #ea4f3b !important /* force it on dark theme */; } /* captcha plugin */ input[name=cptch_number]{ width: 40px !important; } /* ============================================================================= BUTTONS ========================================================================== */ .a13-button{ margin: 0 10px; background-color: transparent !important; border-radius: 18px !important; border: 1px solid !important; height: 35px; cursor: pointer; display: inline-block; font-size: 14px; overflow: hidden; text-transform: uppercase; white-space: nowrap; padding: 0!important; position: relative; border-color: rgba(34, 34, 34, 0.15) !important; letter-spacing: 2px; z-index: 1; } .a13-button > div{ border-radius: 18px; height: 100%; position: relative; top: -100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .a13-button .allways_hide { display: none !important; } .a13-button > div.normal a, .a13-button > div.hover a{ padding: 0; } .resume_downloader.a13-button > div{ padding: 0 16px !important; width: calc(100% - 32px); } .resume_downloader_title { margin-left: 5px !important; } .post_grid_item_left_panel .a13-button > div.normal { color: #5e5e5e; } .a13-button:hover{ background-color: transparent !important; } .a13-button:hover div{ top: 0; } .a13-button span{ margin: 0; position: relative !important; white-space: nowrap; } .menu-button-container{ display: table-cell; vertical-align: middle; padding-left: 25px; } .post_grid_item_left_panel .a13-button { border-color: #eaeaea !important; height: 27px; margin: 0; width: 46px; } .post_grid_item_left_panel .a13-button .hover, .post_grid_item_left_panel .a13-button .normal { height: 100%; left: 0; padding: 0; width: 100%; } .post_grid_item_left_panel .a13-button .normal { background-color: #fff; } .a13-button .post_grid_item_comments_count { display: table; font-size: 10px; left: 2px; margin: 0 auto; position: relative; top: -1px; } .post_grid_item_comments_count:before { content: '\e607'; font-family: "icomoon"; font-size: 15px; font-weight: normal; position: relative; right: 2px; top: 3px; } .a13-irecommend .dot-irecommendthis, .a13-irecommend .dot-irecommendthis.active{ background-image: none; color: inherit !important; display: table; font-size: 10px; height: 100%; margin: 0 auto !important; padding: 3px 0 0 !important; position: relative; width: 100%; } .post_grid_item_left_panel .a13-irecommend .dot-irecommendthis, .post_grid_item_left_panel .a13-irecommend .dot-irecommendthis.active{ padding: 0 !important; } .a13-irecommend > div > span { left: 3.5px; top: -1px; width: 100%; } .post_grid_item_left_panel .a13-irecommend > div > span { top: -1px; } .a13-button.a13-irecommend > div { color: inherit !important; } .dot-irecommendthis-count:before{ content: '\e604'; color: inherit; font-family: "icomoon"; font-size: 15px; font-weight: normal; position: relative; right: 4px; top: 4px; } .dot-irecommendthis.active .dot-irecommendthis-count:before{ content: '\e605'; } .a13-irecommend .dot-irecommendthis-suffix{ margin: 0; } .a13-irecommend .dot-irecommendthis-count{ display: table; height: 100%; margin: 3px auto; } .post_grid_item_left_panel .a13-irecommend .dot-irecommendthis-count{ margin: 0 auto; } .post_grid_item_content_box .a13-button.a13-irecommend > div span, .post_slide_content_wrapper .a13-button.a13-irecommend > div span{ left: 1px; } /* ============================================================================= MAIN LAYOUT ========================================================================== */ body:after{ /* double :: si IE8 won't jump into compatibility view */ content: 'narrow1500'; /* info for JS */ display: none; } body.cover { background-size: cover; } body.contain { background-size: contain; } body.fitV { background-size: 100% auto; } body.fitH { background-size: auto 100%; } body.repeat {background-repeat: repeat;} html, body{ height: 100%; margin: 0; } html.show-scroll{ overflow-y: scroll; } body { font-size: 1em; line-height: 1.4; background: #fff 50% 50% no-repeat; color: #151515; overflow-y:scroll; } #page_very_top{ display: table; } #content{ height: auto; } #content, .pure_page_wrapper{ max-width: 1170px; margin: 0 auto; } .pure_page_wrapper{ background-color: #ffffff; display: inline-block; height: auto; padding: 20px 70px; width: calc(100% - 140px); } .foot-widget-content{ float: left; height: calc(100% - 20px); margin: 0; opacity: 0; filter: alpha(opacity=0); padding: 10px; width: calc(50% - 20px); } #secondary { margin-top: 50px; } .right-sidebar .post-content, .left-sidebar .post-content{ position: relative; width: 75%; } .right-sidebar .post-content{ float: left; } .left-sidebar .post-content{ float: right; } #post-list, .post-content{ position: relative; width: 100%; } .right-sidebar #post-list{ float: left; padding: 0 40px 0 0; position: relative; width: calc(70% - 40px); } .right-sidebar #secondary{ box-sizing: border-box; float: left; left: 0; margin-left: 37px; position: relative; top: 0; width: calc(25% - 37px); } .left-sidebar #post-list{ float: right; padding: 0 0 0 40px; position: relative; width: calc(70% - 40px); } .left-sidebar #secondary{ box-sizing: border-box; float: right; left: 0; margin-right: 37px; position: relative; top: 0; width: calc(25% - 37px); } .no-sidebars #post-list, .no-sidebars > .post-content{ display: block; float: none; position: static; left: auto; width: auto; } #secondary img, #secondary select, #secondary input { max-width: 100%; } .left-sidebar #secondary, .left-sidebar #post-list, .post-content{ float: right; } .left-sidebar #secondary{ padding-left: 0; padding-right: 40px; } #_atssh{/* addthis strange fiv that adds space at bottom */ } /* ============================================================================= PreLoader ========================================================================== */ #preloader,#small_preloader{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; background-position: center center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; left: 0; opacity: 1; filter: alpha(opacity=100); position: fixed; top: 0; width: 100%; z-index: 666990; } #preloader{ background-color: #fff; } #small_preloader{ opacity: 0; filter: alpha(opacity=0); display:none; } #preloader h6{ color: #6c6c6c; font-weight: normal; } /* HELPERS */ .text-center { text-align: center; } /* GRID */ .container { } /* PROGRESS */ .progress { background-color: #e5e9eb; height: 0.25em; position: relative; width: 24em; } .progress-bar { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-name: width; animation-name: width; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); background-size: 24em 0.25em; height: 100%; position: relative; } /* ANIMATIONS */ @-webkit-keyframes width { 0%, 100% { -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); } 0% { width: 0; } 100% { width: 100%; } } @keyframes width { 0%, 100% { -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); } 0% { width: 0; } 100% { width: 100%; } } /* ============================================================================= HEADER STYLES ========================================================================== */ .main-menu-wrapper{ position: relative; width: 100%; left: -15px; } #header{ background-color: transparent; height: 116px; margin: 0 auto; max-width: 1170px; min-height: 50px; position: relative; } #header.transparent{ box-shadow: none; background-color: rgba(0,0,0,0)!important; } #header.scrollable_header{ position: absolute; } #header .head{ display: table; height: 100%; padding: 0 70px; position: absolute; width: calc(100% - 140px); } #header .head .top_line{ border-bottom: 1px solid #eee; bottom: 0; height: 1px; position: absolute; width: inherit; } #header .head.wide{ max-width: 100%; } .header_box{ position: absolute; top: 0; height: 100%; } .header_box.left{ left: 70px; } .header_box.right{ right: 70px; } .resume_downloader{ position: relative; top: 40px; opacity: 0; filter: alpha(opacity=0); left: 10px; } #mobile_access.hide, #access.hide{ display: none; } #mobile_access .mCS_no_scrollbar .mCSB_scrollTools{ opacity: 0.01 !important; filter: alpha(opacity=1); } .header_wpml_switch { border: 1px solid #eaeaea; border-radius: 18px; float: left; height: 35px; margin-left: 20px; overflow: hidden; position: relative; top: 40px; width: 35px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header_wpml_switch.l2:hover {width: 70px;} .header_wpml_switch.l3:hover {width: 105px;} .header_wpml_switch.l4:hover {width: 140px;} .header_wpml_switch.l5:hover {width: 175px;} .header_wpml_switch.l6:hover {width: 210px;} .header_wpml_switch.l7:hover {width: 245px;} .header_wpml_switch.l8:hover {width: 280px;} .header_wpml_switch.l9:hover {width: 315px;} .header_wpml_switch.l10:hover {width: 350px;} .header_wpml_switch:hover > span { display: block; } .header_wpml_switch > span{ display: none; float: left; margin: 5px 10px 0; } .header_wpml_switch>span.active-lang{ display: block; } .menu_switch{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; background-color: transparent; border: 1px solid #eaeaea; border-radius: 18px; float: left; height: 35px; margin-left: 20px; position: relative; text-decoration: none; top: 40px; width: 35px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .menu_switch .hamburger:before{ font-family: 'icomoon'; content: '\e120'; font-size: 14px; } .menu_switch_title{ font-size: 12px; display: none; } .menu_switch:hover{ width: 80px; } .menu_switch:hover .menu_switch_title{ display: table; } .menu_switch > span{ margin: 0 5px; } .full_overlay{ width: 100%; height: 100%; background-color: transparent; position:absolute; top: 0; left: 0; z-index: 9998; display: block; } .full_overlay.close{ z-index: 1; } .full_overlay .tile{ z-index:9999; position: absolute; top:0; left:0; width: 100%; height: 100%; transform: rotateX(90deg); -webkit-transform:rotateX(90deg) translateZ(0); opacity:0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .full_overlay .tile.open{ opacity:1; filter: alpha(opacity=100); transform: rotateX(0deg); -webkit-transform:rotateX(0deg) translateZ(0); } .mm-menu{ background-color: transparent!important; } .mm-menu .mm-list{ font-weight: 500; height: auto !important; margin-bottom: 90px; margin-top: 50px; text-align: center; } .nav_socials { margin: 1px 0 0; position: absolute; right: calc(50% - 590px); top: 0; } #logo, .nav_logo{ float: left; line-height: 1; margin-top: 20px; max-width: 70%; position: relative; text-decoration: none; } a.nav_logo > h1, a.nav_logo > h2{ display: none; } a#logo > h1 { font-size: 20px !important; } a#logo > h2 { font-size: 16px !important; } .nav_logo{ margin-left: 70px; } #logo > div { text-align: center; white-space: normal; width: 100%; } #header:hover #logo{ -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #logo img{ height: auto; display: block; max-width: none; margin: 0 auto; } #header.fixed #logo img{ max-height: 50px; } #access{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /* ========================================================================== FOOTER STYLES ========================================================================== */ #footer{ border-bottom: 1px solid rgba(0, 0, 0, 0.08); height: 90px; margin: 0 auto; padding: 0 70px; position: relative; z-index: -1; display: inline-block; width: calc(100% - 140px); } body.no_custom_scroll #footer{ top: 60px; } .footer-items{ font-size: 12px; color: #666; text-align: center; position: relative; } .foot-text{ font-size: 15px; letter-spacing: 1.9px; margin-bottom: 40px; text-align: center; } .foot-copyright-text a{ text-decoration: none; } .footer-menu a:hover, .foot-text a:hover{ color: #1abc9c; } .foot-copyright-text{ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; height: 70px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0; line-height: 14px; padding: 10px; text-align: center; width: calc(100% - 20px); } .foot-copyright-text.has_widget{ -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; width: calc(50% - 20px); } /* ========================================================================== SOCIAL ICONS ========================================================================== */ .socials{ margin: 20px 0 0 -1px; text-align: center; line-height: 0; /*remove white space*/ } .fixed_menu_social_wrapper { height: auto; position: absolute; right: 110px; top: 0; width: auto; } #header .fixed_menu_social_wrapper .socials { right: 10px; top: 20px; } .mm-header .socials { float: right; height: 20px; position: relative; right: 100px; } .socials a{ background-color: #000; border-radius: 18px; color: #fff; float: left; font-family: "SocialFont"; font-size: 35px; height: 20px; margin-left: 5px; padding-left: 2px; padding-top: 16px; position: relative; width: 34px; } .socials a:before { left: 4px; position: absolute; top: 17px; } .socials a:hover{ color:#fff; } .socials>span{ float: left; letter-spacing: 2px; margin-right: 10px; font-size: 10px; height: 10px; position: relative; text-align: right; text-transform: uppercase; top: 19px; width: 100px; } #header .socials{ display: block; margin: 1px 0 0; position: relative; float:left; top: 40px; width: auto; } #header .socials.hide { display: none; } .mm-footer .socials{ margin: 0 auto; } .widget .socials{ text-align: center; } /* top bar socials(smaller) */ a.a13_soc-500px:before{ content:"\e000"; } a.a13_soc-aim:before{ content:"\e004"; } a.a13_soc-behance:before{ content:"\e009"; } a.a13_soc-blogger:before{ content:"\e012"; } a.a13_soc-delicious:before{ content:"\e015"; } a.a13_soc-deviantart:before{ content:"\e018"; } a.a13_soc-digg:before{ content:"\e020"; } a.a13_soc-dribbble:before{ content:"\e021"; } a.a13_soc-facebook:before{ content:"\e027"; } a.a13_soc-flickr:before{ content:"\e029"; } a.a13_soc-forrst:before{ content:"\e031"; } a.a13_soc-foursquare:before{ content:"\e032"; } a.a13_soc-github:before{ content:"\e036"; } a.a13_soc-googleplus:before{ content:"\e039"; } a.a13_soc-instagram:before{ content:"\e100"; } a.a13_soc-lastfm:before{ content:"\e051"; } a.a13_soc-linkedin:before{ content:"\e052"; } a.a13_soc-mailto:before{ content:"\e024"; } a.a13_soc-paypal:before{ content:"\e061"; } a.a13_soc-pinterest:before{ content:"\e064"; } a.a13_soc-quora:before{ content:"\e068"; } a.a13_soc-rss:before{ content:"\e071"; } a.a13_soc-reddit:before{ content:"\e069"; } a.a13_soc-sharethis:before{ content:"\e073"; } a.a13_soc-skype:before{ content:"\e074"; } a.a13_soc-spotify:before{ content:"\e079"; } a.a13_soc-stumbleupon:before{ content:"\e083"; } a.a13_soc-tumblr:before{ content:"\e085"; } a.a13_soc-twitter:before{ content:"\e086"; } a.a13_soc-vimeo:before{ content:"\e089"; } a.a13_soc-wordpress:before{ content:"\e094"; } a.a13_soc-yahoo:before{ content:"\e097"; } a.a13_soc-yelp:before{ content:"\e098"; } a.a13_soc-youtube:before{ content:"\e099"; } /*HOVERS*/ a.a13_soc-500px:hover { background-color: #bebebe; } a.a13_soc-aim:hover { background-color: #cb9c27; } a.a13_soc-behance:hover { background-color: #0390d9; } a.a13_soc-blogger:hover { background-color: #ff6600; } a.a13_soc-delicious:hover { background-color: #3173d1; } a.a13_soc-deviantart:hover { background-color: #3d4d49; } a.a13_soc-digg:hover { background-color: #006094; } a.a13_soc-dribbble:hover { background-color: #d8477e; } a.a13_soc-facebook:hover { background-color: #486190; } a.a13_soc-flickr:hover { background-color: #ff0081; } a.a13_soc-forrst:hover { background-color: #5b9c69; } a.a13_soc-foursquare:hover { background-color: #3ca5ce; } a.a13_soc-github:hover { background-color: #393939; } a.a13_soc-googleplus:hover { background-color: #cc3717; } a.a13_soc-instagram:hover { background-color: #c0a790; } a.a13_soc-lastfm:hover { background-color: #be0a01; } a.a13_soc-linkedin:hover { background-color: #358ab3; } a.a13_soc-mailto:hover { background-color: #5cab30; } a.a13_soc-paypal:hover { background-color: #336aa0; } a.a13_soc-pinterest:hover { background-color: #cb2027; } a.a13_soc-quora:hover { background-color: #a82300; } a.a13_soc-rss:hover { background-color: #f98401; } a.a13_soc-reddit:hover { background-color: #f98401; } a.a13_soc-sharethis:hover { background-color: #219643; } a.a13_soc-skype:hover { background-color: #3bbff1; } a.a13_soc-spotify:hover { background-color: #3bbff1; } a.a13_soc-stumbleupon:hover { background-color: #eb4823; } a.a13_soc-tumblr:hover { background-color: #517197; } a.a13_soc-twitter:hover { background-color: #29b9e9; } a.a13_soc-vimeo:hover { background-color: #2cadd7; } a.a13_soc-wordpress:hover { background-color: #19537c; } a.a13_soc-yahoo:hover { background-color: #8755ac; } a.a13_soc-yelp:hover { background-color: #8755ac; } a.a13_soc-youtube:hover { background-color: #e1362f; } /*HOVERS for people item*/ .team_socials .socials a:hover{background-color: transparent;} .team_socials .socials a.a13_soc-500px:hover { color: #bebebe; } .team_socials .socials a.a13_soc-aim:hover { color: #cb9c27; } .team_socials .socials a.a13_soc-behance:hover { color: #0390d9; } .team_socials .socials a.a13_soc-blogger:hover { color: #ff6600; } .team_socials .socials a.a13_soc-delicious:hover { color: #3173d1; } .team_socials .socials a.a13_soc-deviantart:hover { color: #3d4d49; } .team_socials .socials a.a13_soc-digg:hover { color: #006094; } .team_socials .socials a.a13_soc-dribbble:hover { color: #d8477e; } .team_socials .socials a.a13_soc-facebook:hover { color: #486190; } .team_socials .socials a.a13_soc-flickr:hover { color: #ff0081; } .team_socials .socials a.a13_soc-forrst:hover { color: #5b9c69; } .team_socials .socials a.a13_soc-foursquare:hover { color: #3ca5ce; } .team_socials .socials a.a13_soc-github:hover { color: #393939; } .team_socials .socials a.a13_soc-googleplus:hover { color: #cc3717; } .team_socials .socials a.a13_soc-instagram:hover { color: #c0a790; } .team_socials .socials a.a13_soc-lastfm:hover { color: #be0a01; } .team_socials .socials a.a13_soc-linkedin:hover { color: #358ab3; } .team_socials .socials a.a13_soc-mailto:hover { color: #5cab30; } .team_socials .socials a.a13_soc-paypal:hover { color: #336aa0; } .team_socials .socials a.a13_soc-pinterest:hover { color: #cb2027; } .team_socials .socials a.a13_soc-quora:hover { color: #a82300; } .team_socials .socials a.a13_soc-rss:hover { color: #f98401; } .team_socials .socials a.a13_soc-reddit:hover { color: #f98401; } .team_socials .socials a.a13_soc-sharethis:hover { color: #219643; } .team_socials .socials a.a13_soc-skype:hover { color: #3bbff1; } .team_socials .socials a.a13_soc-spotify:hover { color: #3bbff1; } .team_socials .socials a.a13_soc-stumbleupon:hover { color: #eb4823; } .team_socials .socials a.a13_soc-tumblr:hover { color: #517197; } .team_socials .socials a.a13_soc-twitter:hover { color: #29b9e9; } .team_socials .socials a.a13_soc-vimeo:hover { color: #2cadd7; } .team_socials .socials a.a13_soc-wordpress:hover { color: #19537c; } .team_socials .socials a.a13_soc-yahoo:hover { color: #8755ac; } .team_socials .socials a.a13_soc-yelp:hover { color: #8755ac; } .team_socials .socials a.a13_soc-youtube:hover { color: #e1362f; } /* ========================================================================== HEADER MENU ========================================================================== */ .header_image{ background-size: cover; border-radius: 20px; float: left; height: 0; position: relative; top: 60px; width: 0; margin-right: 0; } .header_image.opened{ width: 40px; height: 40px; top: 40px; margin-right: 20px; } .menu-item a span, .header_image{ -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; white-space: nowrap; } #navbar, #navbar ul, #navbar ul li, #navbar ul li a, #navbar #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box; } #navbar:after, #navbar > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #navbar #menu-button { display: none; } #navbar { height: 100% } #navbar > ul > li { float: left; } #navbar.align-center > ul { font-size: 0; text-align: center; } #navbar.align-center > ul > li { display: inline-block; float: none; } #navbar.align-center ul ul { text-align: left; } #navbar.align-right > ul > li { float: right; } #navbar > ul > li > a { padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; font-weight: 700; text-transform: uppercase; } #navbar > ul > li:hover > a { color: #ffffff; } #navbar > ul > li.has-sub > a { padding-right: 30px; } #navbar > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; content: ''; } #navbar > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; content: ''; -webkit-transition: all .25s ease; transition: all .25s ease; } #navbar > ul > li.has-sub:hover > a:before { top: 23px; height: 0; } #navbar ul ul { position: absolute; display: none; } #navbar.align-right ul ul { text-align: right; } #navbar ul ul li { height: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } #navbar li:hover > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #navbar.align-right li:hover > ul { left: auto; right: 0; } #navbar li:hover > ul > li { height: 35px; } #navbar ul ul ul { margin-left: 100%; } #navbar.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #navbar ul ul li a { padding: 11px 15px; width: auto; font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; border-top: 1px solid rgba(255,255,255,0.2); } #navbar ul ul li:last-child > a, #navbar ul ul li.last-item > a { border-bottom: 0; } #navbar ul ul li:hover > a, #navbar ul ul li a:hover { color: #ffffff; } #navbar ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; content: ''; } #navbar.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; } #navbar ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; content: ''; -webkit-transition: all .25s ease; transition: all .25s ease; } #navbar.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; } #navbar ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; } .top-menu { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; float: left; height: 100%; position: absolute !important; right: 110px; top: 0; width: auto; } .a13_fixed_menu.a13_with_socials .top-menu { height: 60%; top: 40%; } .has-sub > a { padding-right: 30px !important; } .close_menu_button { background-color: transparent; cursor: pointer; width: 35px; position: absolute; right: 70px; top: 40px; } .close_menu:before { content: '\e117'; font-family: "icomoon"; font-size: 21px; font-weight: 100; position: absolute; right: 7px; top: 6px; } .a13-button.close_menu_button > div.hover, .a13-button.close_menu_button > div.normal{ padding: 0 12px; width: calc(100% - 24px); } .a13-button.close_menu_button > div > span:before { left: -10.5px; top: -11.5px; } .mm-header .a13-button.close_menu_button { top: 20px; } .mm-header .a13-button.close_menu_button > div > span:before { left: -10.5px; top: -11.5px; } /* ============================================================================= GENRE FILTER ========================================================================== */ .categories_filter { border-bottom: 1px solid #e5e5e5; height: 34px; margin: 20px 0 15px !important; position: relative; width: 100%; } .categories_filter li { height: 34px; margin: 0 5px 0 0 !important; padding: 0 8px !important; position: relative; } .categories_filter li.active, .categories_filter li:hover{ border-bottom: 1px solid; } .categories_filter li a{ color: #cccccc; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; padding: 18px 0; position: relative; text-transform: uppercase; } .categories_filter li.active a:before, .categories_filter li:hover a:before { content: ""; font-family: FontAwesome; font-size: 10px; left: calc(50% - 4px); position: absolute; top: 40px; } .categories_filter li a, .categories_filter li a:active, .categories_filter li a:hover, .categories_filter li a:visited{ border-bottom: medium none !important; outline: medium none; text-decoration: none !important; } /* ============================================================================= PAGINATION & WP-PAGINATE PLUGIN ========================================================================== */ .navigation{ background-position: 0 20px; margin-bottom: 110px; text-align: center; font-size: 13px; } .navigation span{ margin-left: 20px; } .navigation .current, .navigation a, .navigation a:hover{ border: 2px solid #EA4124; color: #EA4124; cursor: pointer; font-size: 14px; font-weight: normal; padding: 8px 42px; text-transform: uppercase; } /* ========================================================================== POST LIST ========================================================================== */ .pass_form{ opacity:0; filter: alpha(opacity=0); } .pass_form > span > span{ padding-left: 10px !important; } .pass_form input.submit_password{ background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-size: 20px; border-radius: 3px; } .pass_form .error{ color: #ff0000; } .variant_3 #post-list{ text-align: center; } #post-list .post-title{ color: #171717; font-size: 41px; margin: 0; padding: 0; text-align: left; font-weight: normal; -ms-word-wrap: break-word; word-wrap: break-word; } .content-right .post-title { text-align: left; } /* ========================================================================== READ MORE LINK ========================================================================== */ a.more-link{ float: left; font-weight: bold; margin-top: 15px; white-space: nowrap; } /* ========================================================================== SINGLE POST ========================================================================== */ .single-post .post-title{ padding: 0; } .post-media{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 30px; overflow: hidden; width: 100%; } .empty-item-image { height: 70px; position: relative; width: 87px; } .variant_short_list .post-media{ width: 280px; /* don't use max-width to make fitVid script work proper */ float: left; } .post-media > a{ display: block; position: relative; } .post-media > a > em{ background-color: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); } #only-posts-here { display: inline-block; height: auto; margin-bottom: 100px; position: relative; width: 100%; } #only-posts-here > div { float: left; height: auto; margin-top: 50px; position: relative; width: 100%; } .a13_blog_ribbon{ left: 13px; position: absolute; top: 1px; } .a13_blog_ribbon .ribbon span{ color: #fff; float: left; font-size: 9px; font-weight: bold; height: 15px; left: 0; letter-spacing: 1px; line-height: 20px; margin: 0; position: relative; text-transform: uppercase; top: 19px; width: 100%; } .a13_blog_ribbon .ribbon span.day{ font-size: 15px; } .a13_blog_ribbon .ribbon .stripes{ background: none; } .post-media img{ display: block; height: auto; margin: 0 auto; max-width: 100%; width: 100%; } .post-media.item-image:after{} .variant_2 .post-media.item-image:after, .variant_masonry .post-media.item-image:after, .in_post_widget .post-media.item-image:after{ top: auto; bottom: 0; border-bottom: 7px dashed #fff; border-top: none; } .variant_3 .post-media.item-image:after{ left: 50%; margin-left: -7px; } .variant_short_list .post-media.item-image:after{ top: 20px; left: auto; right: 0; border-bottom: 7px solid transparent; border-top-color: transparent; border-right-color: #fff; border-left: none; } .post-media iframe, .real-content iframe{ border: none; display: inline-block; margin: 0 auto; max-width: 100%; } .item-video.align-center{ margin: 0 auto; } .item-video.width-medium{ max-width: 600px; } .item-video.width-big{ max-width: 960px; } .post-media.align-right{ overflow: hidden; /* float clear */ } .post-media.align-right img{ float: right; margin: 0; } .post-media.align-left img{ margin: 0; } .item-video.stretch-full{ max-width: none !important; } .post-media.stretch-full img{ width: 100%; } .post-title{ color: #333333; font-size: 19px !important; font-weight: bold; margin: 0 0 1px; position: relative; text-align: left; top: -2px; } .post-title a{ letter-spacing: 0.8px !important; } .post-title span.fa{ margin-bottom: 15px; } .post-title-quote, .post-title-link, .post-media:first-child, .variant_short_list .post-title{ margin-top: 0 !important; } .variant_short_list .post-media + .post-title, .variant_short_list .post-media ~ .post-meta, .variant_short_list .post-media ~ .real-content{ margin-left: 320px; } .cite-author{ color: #171717; font-size: 20px; font-weight: normal; padding-top: 13px; text-align: center; margin: 0 auto; display: table; } .post-meta{ margin-bottom: 10px; font-size: 13px; color: #999999; text-align: left; } .post-meta span{ margin: 0; padding: 0; } .post-meta > span{ display: inline-block; margin-right: 6px; } .posted_in > span{ display: inline-block; margin-right: 6px; } .post-meta span.fa{ font-size: 13px; padding: 0 10px 0 0; } .real-content, .entry-content{ margin: 0 70px; } .post_slide_content_wrapper{ display: none; } .single-post .real-content, .post_slide_content_wrapper .real-content, #post-list .real-content{ background-color: #fff; margin: 0 0 0 35px; padding: 0; position: relative; text-align: left; top: -47px; width: calc(100% - 70px); } .post_slide_content_wrapper.right-sidebar, .post_slide_content_wrapper.left-sidebar{ padding: 0 70px; } .single-post .left-sidebar .real-content, .single-post .right-sidebar .real-content{ padding: 0; width: calc(100% - 70px); } .left-sidebar .type-post .real-content.right, .right-sidebar .type-post .real-content.right{ margin-left: 70px; } .left-sidebar .type-post .real-content.left, .right-sidebar .type-post .real-content.left{ margin-right: 70px; } .real-content.empty-blog{ padding: 0 40px 40px; } .real-content.blog-post-excerpt{ float: left; margin-bottom: 20px; padding: 0; position: relative; text-align: left; width: calc(100% - 300px); } .real-content:first-child, .entry-content:first-child{ margin-top: 0; } .real-content > p{ color: #999999; font-size: 13px; line-height: 21px; margin-top: 0; } .real-content img, .entry-content img{ height: auto; max-width: 100%; box-sizing: border-box; } .tag_list{ font-size: 12px; } .tag_list .fa { margin-right: 10px; } /* PASSWORD FORM */ .password-form { max-width: 490px; } .password-form p{ font-size: 13px !important; /* overwrite content styles for p */ } .single-gallery .password-form, .single-work .password-form{ background-color: #fff; padding: 40px; margin: 0 auto; } .password-form .inputs{ margin: 0; } .password-form input{ display: inline-block; vertical-align: top; width: 49%; } .password-form input[type="submit"]{ margin-left: 1.9%; } #page-links{ clear: both; margin-top: 1em; } .widget-title, .comment-reply-title{ font-size: 16px; } /* Similar posts */ .in_post_widget{ margin-top: 60px; margin-bottom: 30px; } .in_post_widget .title{ margin-bottom: 30px; text-align: center; text-transform: uppercase; background-color: rgba(0,0,0,0); } .in_post_widget .widget-inside{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .in_post_widget.classic .widget-inside{ margin-left: -10px; margin-right: -10px; } .in_post_widget .item{ float: left; width: 30%; margin-left: 3.3%; } .in_post_widget .g-item.ready{ margin: 10px !important; background-color: #fff; width: calc(33% - 20px) !important; } .in_post_widget .post-media{ margin-bottom: 15px; } .in_post_widget .post-title{ display: block; margin: 0 0 10px; font-size: 15px; font-weight: bold; } /* ============================================================================= COMMENTS & ABOUT AUTHOR ========================================================================== */ /** ABOUT AUTHOR */ .about-author{ margin-top: 60px; position: relative; } a.avatar{ float: left; margin-left: 3px; margin-top: 2px; } a.avatar img{ border-radius: 30px; display: block; } .author-inside{ margin-left: 80px; } /* COMMENTS */ .comments-area{ border-top: 1px solid #e5e5e5; float: left; margin-top: 44px; padding: 40px 0 0; text-align: left; width: 100%; } #comments-title, #reply-title{ border-bottom: none; color: #222222; font-size: 17px!important; font-weight: normal; height: 8px; letter-spacing: 1px; margin: 0; text-align: left; text-transform: uppercase; } .comment{ min-height: 40px; padding: 12px 0 0; clear: both; } .comment .comment{ min-height: 40px; padding: 10px 0 0 30px; } .comment-inside{ padding: 0 0 30px; position: relative; margin-left: 82px; } .comment #respond{ margin-left: 110px; } .comment .comment #respond{ margin-left: 140px; } .comment-info{ color: #999; line-height: 1.4; margin: 0 0 20px; } .comment-info, .comment-info .time{ color: #999; } .comment-info .time{ color: #bbbbbb; display: block; font-size: 12px; margin-top: 2px; } .bypostauthor > .comment-inside > .comment-info { /* cause of comment nesting we use > selector */ padding-right: 65px; } .author-name{ color: #4ec6ab; font-weight: bold; } .author-name, .comment-info .author, .comment-info .author .url, .author-name .url{ color: #484848; font-size: 13px; font-weight: normal; padding: 0; margin: 0 20px 0 0; } .comment-info .fa.fa-reply { color: #6a6a6a; font-size: 10px; margin-right: 10px; } .comment-reply-link { color: #6a6a6a; font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; } .comment-info .sepa{ color: #dfdfdf; margin: 0 5px; } .comment-inside, .author-inside{ line-height: 1.5; word-wrap: break-word; } em.comment-awaiting-moderation{ border-bottom: 1px dashed; } .comment-text p, .author-inside p{ margin: 1em 0 0; line-height: 16px; } .comment-text > p:first-child, .author-inside > p:first-child{ margin-top: 0; } .reply_title { margin-left: -2px; margin-top: 25px; } /********/ /* ADD COMMENT FORM */ #respond{ margin: 20px 0 80px; max-width: 745px; min-height: 290px; position: relative; } #respond:first-child{ /* no comments yet */ margin-top: 0; } #cancel-comment-reply-link{ margin-left: -4px; display: inline; color: #999; font-weight: normal; text-transform: none; } .input-row, .form-submit, .cptch_block{ margin: 20px 0 0; float: left; } span.input-row{ float: left; margin-right: 3.5%; position: relative; width: 31%; } span.input-row.last{ margin-right: 0; } span.input-row .label { display: inline-block; padding-bottom: 7px; position: relative; } span.input-row.full{ width: 100%; float: left; position: relative; margin-right: 0; } .asterix{ color: #ea4124; font-size: 12px; margin-left: 3px; } .form-submit{display: none;} #commentform .a13-button { float: left; position: relative; top: 25px; } #commentform .a13-button > div { padding: 0 10px; width: calc(100% - 18px); } #commentform .a13-button button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; font-size: 11px; font-weight: normal; position: relative; text-transform: uppercase; } .input-row label, .cptch_block label{ color: #666; display: block; margin-bottom: 5px; } em.star{ font-style: normal; font-weight: bold; font-size: 16px; color: #ff0000; margin-left: 5px; } #respond .info{ color: #666; font-size: 12px; float: right; line-height: 30px; } /* ========================================================================== WP CONTACT FORM7 plugin ========================================================================== */ .wpcf7-form-control.width_50 { margin-right: 5px; width: calc(50% - 5px); } .wpcf7-form input, .comment-form input{ height: 41px; } .wpcf7-form input, .wpcf7-form textarea, .wpcf7-not-valid, .wpcf7-form-control-wrap { max-width: 100%; width:calc(100% - 5px); display:inline!important; } .wpcf7-form p{ margin-bottom: 10px; margin-top: 0px; text-align: left; } .wpcf7-form .ajax-loader{ margin-bottom: 10px; margin-top: 0px; } .wpcf7-not-valid{ background: url("images/err_back.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #df3434 !important; color: #df3434 !important; } div.wpcf7-validation-errors{ border: none; } .wpcf7-response-output{ bottom: 0; color: #df3434; line-height: 16px; padding: 0; position: absolute; right: 20px; text-align: left; width: 50%; } .comment-form{ text-align: left; } .wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .comment-form input, .comment-form textarea{ background-color: #f9f9f9; border-bottom: 1px solid #d3d3d3; border-radius: 0; box-shadow: none; color: #999999; cursor: pointer; font-size: 13px; padding: 0 0 0 15px; } .wpcf7-form textarea, .comment-form textarea{ padding-top: 14px; max-width: 100%; } .wpcf7-form input:not([type="submit"]):hover, .wpcf7-form textarea:hover, .wpcf7-form input:not([type="submit"]):focus, .wpcf7-form textarea:focus, .comment-form input:hover, .comment-form textarea:hover, .comment-form input:focus, .comment-form textarea:focus{ border-color: #888888; } .wpcf7-form input[type="submit"], .wpcf7-form input[type="submit"]:hover, .comment-form input[type="submit"], .comment-form input[type="submit"]:hover{ border: 1px solid transparent; min-width: 20%; padding: 0 65px; width: inherit; } .wpcf7-asterix{ color: #EA4124; font-size: 27px; position: absolute; right: 16px; top: -6px; } /* captcha plugin */ .cptch_block br{ display: none; } /* ============================================================================= SIDEBAR & WIDGETS ========================================================================== */ .widget{ margin-top: 50px; font-size: 12px; } #footer .widget{ margin-top: 0; } #secondary .widget:first-child{ margin-top: 0; } .widget .title{ font-size: 13px!important; font-weight: normal; letter-spacing: 1.7px; margin: 0; text-align: left; text-transform: uppercase; height: 7px; color: #222222; } .widget ul{ list-style-type: none; margin: 18px 0 0; padding: 0; text-align: left; } .widget ul ul{ margin: 0 0 0 15px; } /* CUSTOM MENU LIST */ #secondary .widget_nav_menu ul{ border: 1px solid #ebebeb; border-bottom: none; box-shadow: 0 0 5px rgba(0,0,0, 0.10); } #secondary .a13_page_menu ul{ margin-top: 0; } #secondary .widget_nav_menu li a{ display: block; position: relative; line-height: 20px; min-height: 20px; padding: 12px 40px; background-color: #fff; border-bottom: 1px solid #ebebeb; color: #4c4c4c; font-size: 12px; font-weight: bold; } #secondary .widget_nav_menu li a:hover, #secondary .widget_nav_menu li.current-menu-item > a, #secondary .widget_nav_menu li.current_page_item > a{ color: #777777; background-color: #f9f9f9; border-bottom-color: #777777; } .widget_nav_menu li .m_icon, em.icon-angle-right{ position: absolute; top: 0; left: 0; width: 40px; text-align: center; font-size: 16px; line-height: 45px; } em.icon-angle-right{ right: 0; left: auto; opacity: 0.3; filter: alpha(opacity=30); } a:hover em.icon-angle-right, .widget_nav_menu li.current-menu-item > a em.icon-angle-right, .widget_nav_menu li.current_page_item > a em.icon-angle-right{ opacity: 1; filter: alpha(opacity=100); } /* Next levels of list in widgets */ #secondary .widget_nav_menu ul ul{ box-shadow: none; margin: 0; border: none; } #secondary .widget_nav_menu li li a{ padding: 5px 40px; font-weight: normal; } #secondary .widget_nav_menu li li li a{ padding-left: 55px; } #secondary .widget_nav_menu li li li li a{ padding-left: 70px; } /* RECENT/POPULAR/RELATED POSTS WIDGET */ /* RECENT COMMENTS WIDGET */ .widget_about_posts .item{ margin: 0 0 14px; } .widget_recent_comments .item{ margin: 0 0 16px; } .widget_recent_comments .thumb, .widget_about_posts .thumb{ float: left; margin-right: 12px; } .widget_about_posts a.post-title, .widget_recent_comments a.post-title{ display: block; font-size: 12px !important; margin: 0; padding: 0 0 0px; position: relative; text-align: left; top: -3px; width: 79%!important; line-height: 14px; } .widget_recent_comments .entry-date, .widget_about_posts .entry-date{ font-size: 11px; } .widget_about_posts .content, .widget_recent_comments .content{ display: block; margin-top: 5px; } .widget .entry-date{ float: left; } /* CALENDAR WIDGET */ #wp-calendar{ width: 100%; margin-top: 20px; } #wp-calendar caption{ padding-bottom: 10px; } #wp-calendar td{ text-align: center; } #wp-calendar tfoot td{ padding-top: 10px; } #wp-calendar tfoot td#prev{ text-align: left; } #wp-calendar tfoot td#next{ text-align: right; } /* RSS WIDGET */ a.rsswidget{ display: inline; } .rsswidget img{ margin-top: -2px; } .widget_rss >ul >li{ margin-top: 20px; } .rss-date{ display: block; } /* TEXT WIDGET */ .textwidget{ margin-top: 20px; line-height: 20px; } /* TAG CLOUD WIDGET */ .tagcloud a{ padding: 0 4px; margin: 2px 0 0 0; font-size: 12px; line-height: 21px; display: inline-block; text-transform: capitalize; } .tagcloud a:hover{ color:#D83D23; } .widget_tag_cloud h3.title{ margin-bottom: 25px; } .widget h3.title, .widget_recent_comments h3.title, .widget_recent_posts h3.title{ margin-bottom: 35px; } .widget_tag_cloud a{ font-size: 12px !important; /* tag cloud insert inline font-size style */ } /* FLICKR WIDGET & WORKS WIDGET*/ .widget_quick-flickr-widget, .widget_recent_works{ overflow: hidden; /* clear */ text-align: center; line-height: 0; } .widget_quick-flickr-widget .title, .widget_recent_works .title{ margin-bottom: 10px; text-align: left; } .quick-flickr-item, .widget_recent_works .item{ display: inline-block; margin: 2px 0 0 2px; height: 75px; width: 100px; position: relative; left: -2px; } .quick-flickr-item a, .widget_recent_comments a.thumb, .widget_recent_works a, .widget_about_posts a.thumb{ display: block; height: 100%; width: 100%; overflow: hidden; } .widget_recent_comments a.thumb, .widget_about_posts a.thumb{ height: 50px; width: 50px; background-color: #000000; } .quick-flickr-item img, .widget_recent_works img, .widget_about_posts a.thumb img{ height: 100%; width: 100%; position: relative; top: 0; left: 0; } .widget_recent_comments .author{ margin: 0; padding: 0; position: relative; margin-top: -5px; font-size: 12px; } .widget_recent_comments .author .name{ color: #484848; } .quick-flickr-item img:hover, .widget_recent_works img:hover, .widget_recent_comments img:hover, .widget_about_posts a.thumb img:hover{ opacity:0.7; filter: alpha(opacity=70); } /* CATEGORIES*/ .widget_categories li{ margin-bottom: 4px; } .widget_categories ul.children{ margin-top: 4px; } .widget_categories ul.children li{ margin-top: 4px; } .widget_categories ul.children li a{ margin-left: 10px; } .widget_categories ul.children li:before{ content: "\f105"; font-family: 'FontAwesome'; font-size:12px; } /* COLORS */ .widget .entry-date, .rss-date, .widget_categories, .widget_archive, .widget_recent_comments, .widget a.comments{ color: #a9a9a9; } .widget a:hover i{ color: #d83d23; } /* WIDGET SLIDER CONTROLS */ .slider-ctrls{ position: relative; } .slider-ctrls .title{ padding-right: 40px; } .widget-slider-ctrls{ position: absolute; top: 0; right: 0; } .widget-slider-ctrls span{ cursor: pointer; display: inline-block; height: 20px; width: 20px; text-align: center; } .widget-slider-ctrls span:hover{ color: #fff; } /* ============================================================================= ATTACHMENT PAGE ========================================================================== */ p.attachment img{ display: block; margin: 0 auto; } .attachment-info{ margin-top: 20px; } /* ============================================================================= PAGES ========================================================================== */ .page .page-title{ margin: 0; } .mm-page{ max-width: 1170px; margin: 0 auto; background-color: #fff; top: 50px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mm-page.loaded{ background-color: transparent; } #mid{ background-color: #fff; margin: 0 auto 116px; max-width: 1170px; opacity: 0; filter: alpha(opacity=0); position: relative; height: 0; } #mid.no_tiles{ margin: 0 auto; } #mid.no_tiles #page_tiles{ display: none; } #mid .bottom_line{ border-top: 1px solid #eee; bottom: 1px; height: 1px; margin: 0 70px; position: relative; top: 1px; } #mid.velocity-animating{ overflow: hidden; } article{ background-color: #fff; overflow: hidden; } .full-width-elements .a13_row_container,/* if not full width*/ .full-width-elements .vc_row-fluid{ max-width: 1170px; margin: 0 auto; } .full-width-elements .a13_row_container.a13_full-row, .full-width-elements .a13_full-content .vc_row-fluid{ max-width: none; } /* ============================================================================= Google map ========================================================================== */ .map-container{ /* need it cause google map script don't like position in main container */ width: 100%; position: relative; } .wpb_gmaps_widget .wpb_wrapper{ background-color: transparent !important; } #a13-map-canvas{ height: 100%; } .wpb_gmaps_widget .wpb_wrapper { background-color: transparent; padding: 0 !important; } .wpb_map_wraper { margin: 0 !important; padding: 0 13px; } .wpb_map_wraper img{ max-width: none; } /* ============================================================================= SINGLE WORK ========================================================================== */ #work_modal_port{ position: absolute; width: 100%; visibility: hidden; background-color: #FFF; opacity:0; filter: alpha(opacity=0); display: none; } #work_modal{ background-color: #fff; overflow: hidden; padding-bottom: 110px; position: relative; width: 100%; z-index: 101; } .work_slide{ background-color: #fff; height: 100%; left: 0; max-width: 1170px; position: relative; top: 0; } .work_slide_content_wrapper{ padding: 115px 70px 0; display:none; } .a13-full-photos_description { position: absolute; width: 100%; } .a13-full-photos_description span{ background-color: rgba(0, 0, 0, 0.74); border-radius: 20px; color: #fff; display: table; height: 19px; margin: 0 auto; padding: 3px 10px; } .bottom_nav { display: none; top: -60px; height: 30px; position: relative; width: 100%; } #work_modal_port .work_nav { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 50px; z-index: 999; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #work_modal_port .bottom_nav .work_nav{ top: 0; } #work_modal_port.ready .work_nav{ opacity: 1; filter: alpha(opacity=100); } .work_nav.prev { left: 70px; } .work_nav.next { right: 70px; } .work_nav.prev i{ margin-right:10px; } .work_nav.next i{ margin-left:10px; } .work_nav .a13-button { height: 27px; } .work_nav.close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: calc(50% - 50px); width: 100px; } .work_nav.close .fa:before{ font-size: 14px; } .work_nav.close .fa { color: inherit !important; position: relative; top: 1px; } .work_nav .a13-button > div .fa:before { position: relative; } .posted_in{ text-align: center; font-size: 13px; padding: 20px 0 0; color: #a8a8a8; text-transform: uppercase; } .post_slide_content_wrapper .posted_in, .work_slide_content_wrapper .posted_in{ font-size: 10px !important; position: fixed; top: 46px; z-index: 999; } .posted-in a { color: #ababab; text-decoration: none; } .works-subtitle{ text-align: center; font-weight: normal; margin-bottom: 20px!important; position: inherit !important; } .in-post-slider{ position: relative; height: 300px; } .meta-data .fields{ clear: both; margin-bottom: 25px; } .meta-data .fields span{ display: block; } .meta-data .fields em{ font-style: normal; font-weight: bold; margin-right: 2px; } .meta-data .fields em:after{ content: ":"; } .full_grid_container{ float: left; position: relative; width: 100%; margin-top: 2%; } .half_grid_container1{ width: 49%; float: left; margin-top: 2%; } .half_grid_container2{ width: 49%; margin-left: 2%; margin-top: 2%; float: left; } /* content position variants */ .work-content{ margin:10px; } .content-under .work-content{ display: table; margin: 35px 0; width: 100%; } .content-under .work-content:first-child{ margin-top: 0; } .content-under .real-content{ width: 1040px; display: table-cell; vertical-align: top; } .content-under .real-content.with_infos{ width: 840px; display: table-cell; vertical-align: top; padding: 0 100px; } .content-under .meta-data{ display: table-cell; padding-left: 40px; padding-top: 66px; vertical-align: top; width: 200px; } .content-left #a13-full-photos, .content-left .in-post-slider, .content-left #a13-scroll-pan{ margin-left: 355px; max-width: 680px; } .content-right #a13-full-photos, .content-right .in-post-slider, .content-right #a13-scroll-pan{ margin-right: 355px; max-width: 680px; } .content-right .real-content, .content-left .real-content{ margin: 0; } .content-under #a13-full-photos, .content-under .in-post-slider, .content-under #a13-scroll-pan{ display: table-cell; vertical-align: top; width: 1070px; } body.single #mid{ padding: 0 70px; } .content-left .work-content, .content-right .work-content{ margin-top: 0; width: 280px; float: left; } .content-right .work-content{ float: right; } .content-left .meta-data, .content-right .meta-data{ width: 100%; margin-top: 22px; } .button_line { display: table; height: 20px; margin: 0 auto 20px; overflow: visible; white-space: nowrap; width: auto; } .view_project div span { font-size: 10px; font-weight: normal; top: -1px; } .view_project span:before { font-family: 'icomoon'; content: "\e606"; font-size: 15px; font-weight: normal; margin-right: 6px; position: relative; top: 2px; } .button_line span.addtoany_label, .addtoany_shortcode{ display: table; float: left; width: auto; } .button_line span.addtoany_label { margin-right: 10px; } /*metadata align*/ .content-under .metadata-center .real-content { display: block; margin: 0; padding: 0 70px; position: relative; width: calc(100% - 140px); } .metadata-center .meta-data { display: block; padding: 0; width: 100%; } .metadata-center .meta-data .fields { text-align: center; } .metadata-left .button_line { margin: 0 0 20px; text-align: left; } /* ============================================================================= A13 GALLERY ========================================================================== */ #a13-gallery, #a13-works, #a13-galleries{ margin: 0; padding: 0; overflow: visible; } #a13-gallery.masonry, #a13-works.masonry, #a13-galleries.masonry{ margin: 0 auto; } .js #a13-gallery, .js #a13-works, .js #a13-galleries{ visibility: hidden; } .js #a13-gallery.loaded, .js #a13-works.loaded, .js #a13-galleries.loaded{ visibility: visible; } #g_descs{ display: none; } .g-item{ outline: none !important; /* no link focus outline */ float: left; margin: 0!important; box-sizing: border-box; position: relative; } .masonry .g-item, .masonry > .g-link.ready{ position: absolute; /* webkit ignores setting 'top' without it */ } .g-item:hover{ z-index: 201;/* hovered title that may overflow will be visible above other items */ } .g-link:not(.more-link){ display: block !important; height: 100%; width: 100%; position: relative; overflow: hidden; border: none; cursor: pointer; } .g-link img{ display: block; height:auto; width: 100%; position: relative; top: 0; left: 0; } .g-link i{ background-position: center center; background-size: cover; display: block; height: calc(100% - 71px); overflow: hidden; width: 100%; } .g-link.over i{ height: 100%; } .g-link .overlay { height: calc(100% - 71px); left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; width: 100%; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .g-link.over .overlay { height: 100%; } .g-link.over .overlay_icon{ font-size: 38px; height: 40px; left: calc(50% - 20px); position: absolute; text-shadow: 0 0 1px; top: calc(50% - 20px); width: 40px; } .g-link:hover .overlay, .g-link .overlay.quote { opacity: 1; filter: alpha(opacity=100); } .g-link .overlay img{ width:auto; height: auto; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .g-link .cov { background-color: rgba(0,0,0,0); opacity: 0; filter: alpha(opacity=0); } .g-link .cov .cov-bg{ height: 100%; width: 100%; position: absolute; } .g-link:hover .cov, .touched .g-link .cov, .g-link:hover .cov .cov-bg, .touched .g-link .cov .cov-bg{ opacity: 0.6; filter: alpha(opacity=60); } .g-link:hover .cov, .touched .g-link .cov{ opacity: 1; filter: alpha(opacity=100); } .lt-ie9 .variant_image .g-link:hover .cov, .lt-ie9 #a13-gallery .g-link:hover .cov{ visibility: visible; } .g-link.video .cov:after{ background-position: 50% -150px; } .g-link.link .cov:after{ background-position: 50% -1100px; } /* Classic style */ .classic .g-link .cov, .in_post_widget .g-item .cov{ /*letter-spacing: -1px;*/ display: block; position: relative; opacity: 1; filter: alpha(opacity=100); top: 0; font-style:normal; height: 71px; padding-top: 12px; } .g-link.over .cov.works{ height: 100%; width: 100%; opacity: 0; filter: alpha(opacity=0); padding: 0; position: absolute; top: 0; } .g-link.over:hover .cov.works{ opacity: 1; filter: alpha(opacity=100); } .g-link.over .cov.works span{ text-align: center; } .g-link.over .cov.works .subtitle{ opacity: 1; filter: alpha(opacity=100); font-size: 11px; height: calc(100% - 60px); padding-top: 24px; overflow: auto; position: relative; width: 80%; left: 10%; opacity: 0.8; filter: alpha(opacity=80); text-align: center; } .g-link.over .cov.works .subtitle:before{ border-bottom: 1px solid; content: ""; height: 1px; left: calc(50% - 15px); position: absolute; top: 9px; width: 30px; opacity: 0.5; filter: alpha(opacity=50); } .classic .g-link .cov span, .posted_in_container, .in_post_widget .g-item .cov span{ display: block; position: static; font-size: 14px; font-weight: normal; bottom: 0; left: 0; right: 0; text-align: center; } .posted_in_container{ margin-top: 20px; } .classic .g-link .cov span strong, .classic .g-link:hover .cov span strong, .in_post_widget .g-item .cov strong{ display: block; font-size: 18px; margin-top: 55px; font-weight: 700; letter-spacing: 2px; overflow: hidden; text-transform: uppercase; white-space: nowrap; opacity: 1; filter: alpha(opacity=100); } .classic .g-link .cov small, .in_post_widget .g-item .cov small{ font-size: 10px; letter-spacing: 2px; margin-bottom: 10px; position: relative; text-transform: uppercase; top: -2px; opacity: 0.7; filter: alpha(opacity=70); } .g-link.over .cov.people{ background-color: rgba(0, 0, 0, 0); height: 50%; padding: 0; position: absolute; top: calc(50% - 40px); width: 100%; opacity:0; filter: alpha(opacity=0); } .g-link.over:hover .cov.people{ opacity:1; filter: alpha(opacity=100); } .g-link.over .cov.people.quote{ opacity:1; filter: alpha(opacity=100); top: 100px; height: calc(100% - 40px); } .cov.people.quote div{ padding: 10px 40px; font-size: 25px; text-align: center; } .g-link.over .cov.people small, .g-link.over .cov.people strong, .g-link.over:hover .cov.people small, .g-link.over:hover .cov.people strong{ color: #FFFFFF; } .g-link.over .cov.people small{ font-size: 11px; text-transform: uppercase; } .g-link.over .cov.people strong, .g-link.over:hover .cov.people strong{ font-size: 21px; margin: 0 5%; max-width: 90%; white-space: normal; word-wrap: break-word; } /* ============================================================================= A13 SLIDER ========================================================================== */ #a13-slider{ display: block; margin: 0; overflow: hidden; padding: 0; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } #a13-slider img{ border: none; display: none; height: auto; outline: none; position: relative; width: auto; } #a13-slider li{ display: block; list-style: none; overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; z-index: 0; visibility: visible!important; } #a13-slider a{ display: block; height: 100%; width: 100%; } #a13-slider li.image-loading { background: transparent url(images/spinner.gif) no-repeat center center; height: 100%; width: 100%; } #a13-slider li.image-loading img{ visibility: hidden; } #a13-slider li img{ display: block; } #a13-slider li iframe{ border: none; width: 100%; height: 100%; } .load-item{ visibility: hidden; } .controls #play-button{ visibility: hidden; } .slider-arrow, #a13-scroll-pan .arr{ cursor: pointer; background: transparent 50% -250px no-repeat; background-color: rgba(0,0,0,0.3); border-radius: 3px; position: absolute; top: 50%; left: 40px; height: 50px; width: 50px; margin-top: -25px; } .slider-arrow{ opacity: 0; filter: alpha(opacity=0); } #nextslide, #a13-scroll-pan .arr.right{ background-position: 50% -200px; left: auto; right: 40px; } #prevslide, #a13-scroll-pan .arr.left{ background-position: 50% -250px; left: 40px; right: auto; } .slider-arrow:hover, #a13-scroll-pan .arr:hover{ background-color: rgba(0,0,0,0.8); } .lt-ie9 .slider-arrow, .lt-ie9 #a13-scroll-pan .arr{ background-color: #000; filter: alpha(opacity=50); } .lt-ie9 .slider-arrow:hover, .lt-ie9 #a13-scroll-pan .arr:hover{ filter: alpha(opacity=80); } #big-play{ background: transparent url(images/big-play.png) 50% 50% no-repeat; height: 100px; margin: -50px 0 0 -50px; position: absolute; top: 50%; left: 50%; width: 100px; } #big-play.play{ background-position: 100% 0; background-size: 200% 100%; } #big-play.pause{ background-position: 0 0; background-size: 200% 100%; } .lt-ie9 #big-play{ height: 50px; margin: -25px 0 0 -25px; width: 50px; } .lt-ie9 #big-play.play{ background-position: 100% 50%; } .lt-ie9 #big-play.pause{ background-position: 0 50%; } #progress-back{ background-color: transparent; height: 6px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 5; } #progress-bar{ background-color: #fff; opacity: 0.3; filter: alpha(opacity=30); height: 6px; width: 0; } #slide-list{ display: table!important; height: 20px; list-style: outside none none; margin: 0 auto; opacity: 1; filter: alpha(opacity=100); padding: 0; position: relative; top: calc(100% - 30px); } #slide-list li{ background-color: transparent; border: 2px solid #fff; border-radius: 10px; cursor: pointer; float: left; height: 11px; margin-left: 7px; width: 11px; } #slide-list li.current-slide, #slide-list li:hover{ background-color: #fff; } #slide-list a{ display: block; height: 100%; width: 100%; } #a13-slider-caption{ background-color: rgba(0,0,0,0.5); border-radius: 3px; display: none; overflow: hidden; color: #fff; font-size: 12px; font-weight: bold; line-height: 26px; min-height: 20px; max-width: 50%; padding: 0 10px; position: absolute; bottom: 40px; left: 40px; opacity: 0; filter: alpha(opacity=0); } .lt-ie9 #a13-slider-caption{ background-color: #000; filter: alpha(opacity=85); } .in-post-slider:hover .slider-arrow , html.touch .slider-arrow, .in-post-slider:hover #slide-list, html.touch #slide-list, .in-post-slider:hover #a13-slider-caption, html.touch #a13-slider-caption{ opacity: 1; filter: alpha(opacity=100); } /* ============================================================================= A13 FULL PHOTOS ========================================================================== */ #a13-full-photos img{ width: 100%; height: auto; display: block; position: relative; } #a13-full-photos a{ outline: none !important; /* no link focus outline */ position: relative; display: block; overflow: hidden; } /***** lists */ ul.styled, .styled ul, ol.styled, .styled ol{ border-bottom: 1px dotted #ececec; list-style-type: none; margin: 0 0 25px; padding: 0; } ol.styled{ list-style-type: decimal; list-style-position: inside; } ul.styled ul, ol.styled ol{ border-bottom: none; margin: .25em 0 0; } ul.styled li, ul.styled li li:first-child, ol.styled li, ol.styled li li:first-child{ border-top: 1px dotted #ececec; line-height: 1.5em; margin: 0; padding: .25em 0 .25em 15px; position: relative; } ul.styled li li:last-child{ padding-bottom: 0; } ul.styled li:first-child, ol.styled li:first-child{ border-top: none; } ol.styled li, ol.styled li li:first-child{ padding-left: 0; margin-left: 15px; } ul.styled li:after, ul.styled li li li:after{ content: ""; background-color: #7f7f7f; height: 2px; margin-top: -1px; position: absolute; top: 1em; left: 0; width: 2px; } ul.styled li li:after, ul.styled li li li li:after{ background-color: #ccc; } /***** blockquote */ blockquote{ padding: 0 20px 0 50px; color: #ababab; font-style: italic; margin: 0 0 20px; position: relative; box-sizing: border-box; } blockquote:before{ display: block; content: "\201C"; font-size: 50px; line-height: 1; font-family: Georgia, serif; font-style: normal; position: absolute; left: 0; top: 0; bottom: 0; width: 35px; border-right: 1px solid #DFDFDF; color: #3B3B3B; } blockquote p:first-child{ margin-top: 0; } blockquote cite{ color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before{ content: "\2014 \2009"; } blockquote.alignleft, blockquote.alignright{ width: 50%; } /****** twitter oembed ******/ /* overwrite dumb !important styles in twitter omebed */ div.twitter-tweet-rendered{ max-width: 100% !important; } .real-content .twt-border { max-width: 100% !important; min-width: 0 !important; } /*Twitter widget*/ .widget_twitter .entry-meta, .widget_twitter .title{ display: none; } .widget_twitter .entry-content { float: left; margin: 0 0 0 30px; text-align: left; } .widget_twitter:before{ content: "\f099"; font-family: 'FontAwesome'; font-size: 24px; left: 50px; position: absolute; top: 36px; } /* ========================================================================== BUILDER STYLES ========================================================================== */ /* general builder overwrite */ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0; } /* TABS */ .wpb_content_element.wpb_tabs .wpb_tabs_nav li{ border: 1px solid #E1E1E1; border-left: none; border-bottom-color: #CFCFCF; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-right: 0; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li:first-child{ border-left: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li{ background-color: #FBFBFB; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active, .wpb_content_element.wpb_tabs .wpb_tabs_nav li:hover{ border-top: 2px solid #1ABC9C; border-bottom: none; background-color: #fff; position: relative; top: 2px; } .wpb_tabs .wpb_tabs_nav{ border-bottom: 1px solid #E1E1E1; } .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{ background-color: #fff; } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, .wpb_content_element .wpb_accordion_header a{ font-weight: bold; } /* Toggles Accordions*/ .wpb_accordion_section, .wpb_toggle{ position: relative; padding-left: 40px; background-color: #fff; border: 1px solid #E1E1E1; border-top-width: 0; border-radius: 3px; margin-bottom: 10px; } #content h4.wpb_toggle{ padding: 0.5em 1em 0.5em 56px; font-size: 16px; background-color: #FBFBFB; background-image: none; line-height: inherit; border-top-width: 1px; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, .wpb_toggle:before{ position: absolute; top: 1px; left: 0; bottom: 0; height: auto; width: 40px; border-right: 1px solid #EEE; background: none; } .wpb_toggle:before{ top: 0; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before, .wpb_toggle:before, .wpb_tour ul.wpb_tabs_nav a:after{ font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 30px; vertical-align: -15%; color: #5F5F5F; text-align: center; cursor: pointer; display: block; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, .wpb_toggle:before{ content: "\f054"; /* right big arrow */ line-height: 44px; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before, .wpb_toggle_title_active:before{ content: "\f078"; /* down big arrow */ color: #1ABC9C; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header{ position: static; font-size: 16px; background-color: #FBFBFB; margin-left: -40px; padding-left: 40px; border-top: 1px solid #E1E1E1; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .wpb_accordion .wpb_accordion_wrapper .ui-accordion-header-active, #content h4.wpb_toggle_title_active{ background-color: #fff; border-top-color: #1ABC9C; } .wpb_toggle_content{ padding-left: 56px; } .wpb_wrapper p:first-child{ margin-top: 0; } /* TOUR SECTION */ .wpb_tour ul.wpb_tabs_nav{ border: 1px solid #ebebeb; border-bottom: none; box-shadow: 0 0 5px rgba(0,0,0, 0.10); box-sizing: border-box; } .wpb_tour ul.wpb_tabs_nav li{ background-color: transparent; margin: 0; } .wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a{ display: block; position: relative; line-height: 20px; min-height: 20px; padding: 12px 40px 12px 20px; background-color: #fff; border-bottom: 1px solid #ebebeb; color: #4c4c4c; font-size: 14px; font-weight: bold; } .wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a:hover, .wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li.ui-tabs-active > a{ color: #1abc9c; background-color: #f9f9f9; border-bottom-color: #1abc9c; } .wpb_tour ul.wpb_tabs_nav a:after{ content: "\f105"; /* right small arrow */ position: absolute; top: 0; right: 0; width: 40px; text-align: center; font-size: 16px; line-height: 45px; color: inherit; opacity: 0.3; filter: alpha(opacity=30); } .wpb_tour ul.wpb_tabs_nav li:hover a:after, .wpb_tour ul.wpb_tabs_nav li.ui-tabs-active > a:after{ opacity: 1; filter: alpha(opacity=100); } .wpb_tour_next_prev_nav, .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab{ padding-left: 40px; } .wpb_tour_next_prev_nav{ display: none; } /* Separator */ .a13-separator{ margin-bottom: 20px; } .a13-separator.single_line div{ border-bottom: 1px solid #E2E2E2; } .a13-separator.double_line div{ border-bottom: 4px double #E2E2E2; } .a13-separator.single_dots div{ background: transparent url('images/sc/line.gif') 0 0 repeat-x; height: 1px; } .a13-separator.double_dots div{ background: transparent url(images/sc/line2.gif) 0 0 repeat-x; height: 4px; } .a13-separator.align_left div{ width: 200px; float: left; } .a13-separator.align_right div{ width: 200px; float: right; } .a13-separator.align_center div{ max-width: 200px; margin: 0 auto; } .a13-separator h1, .a13-separator h2, .a13-separator h3, .a13-separator h4, .a13-separator h5, .a13-separator h6{ margin: 0; position: relative; top: 0.5em; } .a13-separator span{ padding: 0 10px; background-color: #fff; } .a13-separator.separator_align_left span{ padding-left: 0; } .a13-separator.separator_align_right span{ padding-right: 0; } /* PIE CHART */ .wpb_pie_chart_heading{ font-size: 12px !important; font-weight: bold; margin-top: 10px; } /* ========================================================================== ICONS & DATA URI images ========================================================================== */ .title-and-nav .title, #reply-title{ /* dots image */ background-image: none; } .search-form input[type="submit"], .slider-arrow, #a13-scroll-pan .arr, #a13-work-slides i, #a13-full-photos i, .a13_image_grid_ul li a i{ background-image: url(images/Icons.png); background-size: 50px 1150px; background-position: 0 -100px; } /* ========================================================================== Transitions ========================================================================== */ /* For elements that are also manipulated by JS */ .g-link .cov span, #slide-list{ -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .genre-filter li, #header, .genre-filter li a, h1 a,h2 a,h3 a,h4 a,h5 a, h6 a, .post-title a, a.post-title, .socials a{ -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.3s; -moz-transition-property: background-color, color; -moz-transition-duration: 0.3s; -o-transition-property: background-color, color; -o-transition-duration: 0.3s; -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } div.masonry{ -webkit-transition-property: width, height; -webkit-transition-duration: 0.3s; -moz-transition-property: width, height; -moz-transition-duration: 0.3s; -o-transition-property: width, height; -o-transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #a13-work-slides{ -webkit-transition: left 0.6s ease-out; transition: left 0.6s ease-out; } a{ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .social_ribbon a, .social_ribbon a span, .top-menu li, .top-menu a, input, textarea, .posted-in a, .tagcloud a, .quick-flickr-item img, .widget_recent_works img, .widget_about_posts a.thumb img, .widget_recent_comments a.thumb img, .post-media > a > em, .tools a, .tools span, .cov, .cov-bg, .navigation a, .g-link img, .slider-arrow, #a13-scroll-pan .arr, #a13-work-slides i, #a13-full-photos i, a.project-site, .more-link, .widget li a, em.icon-angle-right, .foot-copyright-text a, .wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .a13-button > div{ -webkit-transition: top 0.3s ease; transition: top 0.3s ease; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .owl-carousel .owl-item img { display: table !important; margin: 0 auto; max-width: 100%; width: auto !important; } /* ============================================================================= RESPONSIVE DESIGN ========================================================================== */ @media only screen and (max-width: 1229px) { #page_tiles.owl-carousel .owl-wrapper-outer{ left: 0; max-width: 100vw; padding: 20px 0; } } @media only screen and (max-width: 1170px) { } @media only screen and (max-width: 1043px) { .resume_downloader{ width: 35px; } .resume_downloader_title{ display: none; } .real-content{ margin: 0 40px; } .mm-page { top: 0; } #footer { margin: 0 auto; } } @media only screen and (max-width: 800px) { /* TWO columns adjustments */ #header .socials, .header_wpml_switch, .resume_downloader{ display:none; } #footer{ height: auto; } #footer > div{ height: calc(50% - 20px); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: calc(100% - 20px) !important; } } @media only screen and (max-width: 680px) { body:after { content: 'narrow680'; /* info for JS */ display: none; } #logo{ word-wrap: break-word; } #logo img{ max-width: 200px; } .js .menu-container{ display: none; } .menu-button-container{ display: block; background-color: #FFFFFF; border-radius: 0 0 3px 3px; padding: 0 5px 5px; margin-right: 0; position: absolute; right: 0; top: 100%; } .menu-button-container a{ height: auto; line-height: 20px; padding-top: 8px; padding-bottom: 8px; white-space: normal; word-wrap: break-word; } .foot-widgets .widget{ /* change it to 2 cols */ width: 47%; margin-top: 30px; } .foot-separator{ padding-top: 30px; } .foot-widgets .after_third{ display: none; } .foot-widgets .after_second{ display: block; } #footer .widget .title{ padding-bottom: 10px; } /* BLOG */ .variant_short_list .post-media { float: none; width: 100%; margin-bottom: 20px; } .post-meta .dash span.dash_interior { margin-bottom:20px; } .variant_short_list .post-media + .post-title, .variant_short_list .post-media ~ .post-meta, .variant_short_list .post-media ~ .real-content{ margin-left: 0; } /* POST */ .in_post_widget .title{ margin-bottom: 15px; } .in_post_widget .item{ width: 46.7%; margin-top: 15px; } .single-post .real-content, .real-content.blog-post-excerpt, .comments-area{ padding: 0 30px 0 0; } span.input-row:not(.full){ display: inline-block; float: none; max-width: 400px; width: 100%; } span.input-row.second{ margin-left:0; } /* SINGLE WORK */ .single-work .posted-in{ display: block; margin-top: 15px; } .content-under .work-content{ display: block; } .content-under .real-content, .content-under .meta-data{ width: auto; display: block; } .content-under .meta-data{ padding-left: 0; } .content-right #a13-full-photos, .content-right .in-post-slider, .content-right #a13-scroll-pan, .content-left #a13-full-photos, .content-left .in-post-slider, .content-left #a13-scroll-pan{ margin-left: -10px; margin-right: -10px; max-width: none; } .content-left .work-content, .content-right .work-content{ width: auto; float: none; margin-bottom: 20px; } .in_post_widget .g-item.ready { float: none; margin-left: auto; margin-right: auto; } /* SHORTCODES */ blockquote.alignleft, blockquote.alignright { width: auto; float: none; margin-left: 0; margin-right: 0; } /* Testimonials */ .columns-2 .testimonials-list, .columns-3 .testimonials-list{ margin-left: 0; } .columns-2 .testimonials-list .quote, .columns-3 .testimonials-list .quote{ float: none; max-width: none; margin-left: 0; } .work_nav.prev{ left: 20px; } .work_nav.next{ right: 20px; } .post_slide_content_wrapper .type-post .real-content { margin: 0 30px; width: calc(100% - 60px); } .work_slide_content_wrapper{ padding: 115px 20px 0; } .work_slide_content_wrapper .content-under .metadata-center .real-content{ padding: 0 10px; width: calc(100% - 20px); } } @media only screen and (max-width: 480px) { /* general builder overwrite */ .column_container{ margin-top: 35px; } .column_container:first-child{ margin-top: 0; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li{ float: none; border-left: 1px solid #E1E1E1; } h1, h2, h3, h4, h5, h6{ margin-bottom: 10px; } a.assistive-text{ display: none; } .post-meta .dash{ margin-bottom:30px; } /* comments */ .bypostauthor > .comment-inside > .comment-info { padding-right: 0; } .comment-text{ margin-left: -65px; } .comment .comment{ min-height: 40px; padding: 30px 0 0 10px; } .work_nav.prev .a13-button > div > span, .work_nav.next .a13-button > div > span { display: none; } .work_nav.prev .a13-button > div .fa::before { left: 5px; font-size: 18px; } .work_nav.next .a13-button > div .fa::before { right: 5px; font-size: 18px; } .post_slide_content_wrapper .type-post .real-content { margin: 0 10px; width: calc(100% - 20px); } } @media only screen and (max-width: 460px) { body:after { content: 'narrow460'; /* info for JS */ display: none; } #header .head{ display: block; min-height: 52px; } #logo, #access{ box-sizing: border-box; } #access{ display: block; width: auto; max-width: 50%; float: right; } .header_image{ display: none; } .header_box.right{ right: 40px; } .header_box.left{ left: 40px; } #access.touch.with-search h3.assistive-text{ right: 35px; } #header .search-container{ display: block; top: 50%; right: 0; margin-top: -18px; position: absolute; } .header-tools{ padding-right: 0; } .breadcrumbs{display: none;} .search-form{ position: relative; } .foot-widgets{ margin-left: 0; } .foot-widgets .widget{ /* change it to 1 cols */ width: 100%; float: none; margin-left: 0; } .foot-widgets .after_second{ display: none; } .foot-widgets .end_list{ width: 100%; margin-left: 0; } #secondary, .left-sidebar #secondary{ padding: 20px 0; margin-left: 0; } #secondary .widget, #secondary .widget:first-child{ width: auto; margin-left: 0; margin-top: 30px; float: none; } /* SHORT CODES */ .left50, .right50{ float: none; margin: 1em 0; width: auto; } /* POST */ .in_post_widget .item, .in_post_widget .widget-inside{ width: 100%; margin-left: 0; float: none; } #post-list .post-title, .single-post .post-title, .single-post .real-content, .real-content.blog-post-excerpt, .comments-area{ padding: 0; } } /* Style adjustments for high resolution devices */ @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .search-form input[type="submit"], .slider-arrow, #a13-scroll-pan .arr, #slide-list li, .genre-filter li.label, #a13-work-slides i, #a13-full-photos i{ background-image: url(images/Icons@2x.png); } } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { @page { margin: 0.5cm; } *{ background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a,a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr,img{ page-break-inside: avoid; } img { max-width: 100% !important; } p,h2,h3{ orphans: 3; widows: 3; } h2,h3{ page-break-after: avoid; } } @media all and (orientation:landscape){ /*iPad landscape orientation styles */ } #lang_sel a.lang_sel_sel{ background-color: transparent; border-color: transparent; } /*vc tweaks */ .vc_tta.vc_tta-style-classic .vc_tta-tab > a { border-width: 0 !important; } .vc_tta-tabs-list{ border-bottom: 1px solid #eaeaea; } .vc_tta-tabs-list>li{ margin: 1px 10px -1px !important; } .vc_tta-tabs-list>li:first-child{ margin-left: 0 !important; } .vc_tta-title-text{ color: #aaaaaa; font-size: 11.5px; font-weight: bold; } .vc_active .vc_tta-title-text{ color: #222222; } .vc_tta-tabs .vc_tta-panels-container .vc_tta-panel:last-child{ border-bottom: none !important; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active > a{ background-color: transparent !important; border-bottom: 1px solid #aaa !important; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a:hover, .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a:focus { background-color: transparent !important; border-bottom: 1px solid #aaa !important; } .vc_tta.vc_general .vc_tta-tab > a{ padding: 10px 0 !important; } .vc_tta-panel-heading{ border-left: none !important; border-right: none !important; border-bottom: none !important; border-top: 1px solid #f2f2f2 !important; } .vc_tta-panels-container .vc_tta-panel:last-child{ border-bottom: 1px solid #f2f2f2 !important; } .vc_tta-accordion .vc_tta-panel-body{ padding-left: 45px !important; } .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { top: 56% !important; } /*progress bar*/ .vc_progress_bar .vc_single_bar { box-shadow: none !important; height: 6px; margin-bottom: 42px !important; } .vc_progress_bar .vc_single_bar .vc_label { font-size: 12px; font-weight: bold; padding: 0 !important; top: -29px; } .vc_label_units { position: absolute; right: 0; } /*pie chart*/ .vc_pie_chart_back { border-width: 4px !important; border-color: #DDDDDD !important; } .vc_pie_chart .vc_pie_chart_value { font-size: 300% !important; font-weight: bold !important; } .vc_grid.vc_row .vc_pageable-slide-wrapper > *:hover{ z-index: 1!important; } .vc_icon_element{ margin-bottom: 10px !important; }