/* Theme Name: CeeVee Description: Made by Apollo13.
Get support from Forum. Author: Apollo13 Author URI: http://themeforest.net/user/apollo13 Theme URI: http://themeforest.net/user/apollo13 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: vcard, resumce, vc, ceevee, clean, creative, minimal, one page, page builder, portfolio, shortcodes, visual builder, visual composer, white, dark, personal Version: 1.0.10 */ -------------------------------------------------------------- */ /*! 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,hgroup,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 {-moz-box-sizing: content-box;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; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; 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;} /* Icon 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: 'et-line'; src: url('css/fonts/et-line.woff') format('woff'), url('css/fonts/et-line.ttf') 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; } /* ============================================================================= ICONS ========================================================================== */ .icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble { font-family: 'et-line'; speak: none; font-style: normal; font-weight: 100; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } .icon-mobile:before{content:"\e000";} .icon-laptop:before{content:"\e001";} .icon-desktop:before{content:"\e002";} .icon-tablet:before{content:"\e003";} .icon-phone:before{content:"\e004";} .icon-document:before{content:"\e005";} .icon-documents:before{content:"\e006";} .icon-search:before{content:"\e007";} .icon-clipboard:before{content:"\e008";} .icon-newspaper:before{content:"\e009";} .icon-notebook:before{content:"\e00a";} .icon-book-open:before{content:"\e00b";} .icon-browser:before{content:"\e00c";} .icon-calendar:before{content:"\e00d";} .icon-presentation:before{content:"\e00e";} .icon-picture:before{content:"\e00f";} .icon-pictures:before{content:"\e010";} .icon-video:before{content:"\e011";} .icon-camera:before{content:"\e012";} .icon-printer:before{content:"\e013";} .icon-toolbox:before{content:"\e014";} .icon-briefcase:before{content:"\e015";} .icon-wallet:before{content:"\e016";} .icon-gift:before{content:"\e017";} .icon-bargraph:before{content:"\e018";} .icon-grid:before{content:"\e019";} .icon-expand:before{content:"\e01a";} .icon-focus:before{content:"\e01b";} .icon-edit:before{content:"\e01c";} .icon-adjustments:before{content:"\e01d";} .icon-ribbon:before{content:"\e01e";} .icon-hourglass:before{content:"\e01f";} .icon-lock:before{content:"\e020";} .icon-megaphone:before{content:"\e021";} .icon-shield:before{content:"\e022";} .icon-trophy:before{content:"\e023";} .icon-flag:before{content:"\e024";} .icon-map:before{content:"\e025";} .icon-puzzle:before{content:"\e026";} .icon-basket:before{content:"\e027";} .icon-envelope:before{content:"\e028";} .icon-streetsign:before{content:"\e029";} .icon-telescope:before{content:"\e02a";} .icon-gears:before{content:"\e02b";} .icon-key:before{content:"\e02c";} .icon-paperclip:before{content:"\e02d";} .icon-attachment:before{content:"\e02e";} .icon-pricetags:before{content:"\e02f";} .icon-lightbulb:before{content:"\e030";} .icon-layers:before{content:"\e031";} .icon-pencil:before{content:"\e032";} .icon-tools:before{content:"\e033";} .icon-tools-2:before{content:"\e034";} .icon-scissors:before{content:"\e035";} .icon-paintbrush:before{content:"\e036";} .icon-magnifying-glass:before{content:"\e037";} .icon-circle-compass:before{content:"\e038";} .icon-linegraph:before{content:"\e039";} .icon-mic:before{content:"\e03a";} .icon-strategy:before{content:"\e03b";} .icon-beaker:before{content:"\e03c";} .icon-caution:before{content:"\e03d";} .icon-recycle:before{content:"\e03e";} .icon-anchor:before{content:"\e03f";} .icon-profile-male:before{content:"\e040";} .icon-profile-female:before{content:"\e041";} .icon-bike:before{content:"\e042";} .icon-wine:before{content:"\e043";} .icon-hotairballoon:before{content:"\e044";} .icon-globe:before{content:"\e045";} .icon-genius:before{content:"\e046";} .icon-map-pin:before{content:"\e047";} .icon-dial:before{content:"\e048";} .icon-chat:before{content:"\e049";} .icon-heart:before{content:"\e04a";} .icon-cloud:before{content:"\e04b";} .icon-upload:before{content:"\e04c";} .icon-download:before{content:"\e04d";} .icon-target:before{content:"\e04e";} .icon-hazardous:before{content:"\e04f";} .icon-piechart:before{content:"\e050";} .icon-speedometer:before{content:"\e051";} .icon-global:before{content:"\e052";} .icon-compass:before{content:"\e053";} .icon-lifesaver:before{content:"\e054";} .icon-clock:before{content:"\e055";} .icon-aperture:before{content:"\e056";} .icon-quote:before{content:"\e057";} .icon-scope:before{content:"\e058";} .icon-alarmclock:before{content:"\e059";} .icon-refresh:before{content:"\e05a";} .icon-happy:before{content:"\e05b";} .icon-sad:before{content:"\e05c";} .icon-facebook:before{content:"\e05d";} .icon-twitter:before{content:"\e05e";} .icon-googleplus:before{content:"\e05f";} .icon-rss:before{content:"\e060";} .icon-tumblr:before{content:"\e061";} .icon-linkedin:before{content:"\e062";} .icon-dribbble:before{content:"\e063";} /* ============================================================================= 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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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); } #mobile_access.hide{ display: none; } #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: 1px solid #e0e0e0; -webkit-border-radius: 3px; 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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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 ========================================================================== */ input[type="submit"], .a13-button, .nav-previous a, .nav-next a{ background-color: #ffffff; display: inline-block; border-style: solid !important; border-width: 0; border-color: #ff0000; cursor: pointer; color: #ff0000; font-size: 14px; font-weight: bold; white-space: nowrap; padding: 0 20px; text-transform: uppercase; } a.project-site, a.dot-irecommendthis{ float: left; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 14px; line-height: 19px; text-align: center; padding: 5px 20px; width: 100px; } a.dot-irecommendthis{ float: right; background: #c0c0c0 -7px -660px no-repeat; padding-left: 20px; padding-right: 10px; min-width: 20px; width: auto; } .dot-irecommendthis-count{ padding-left: 10px; } a.project-site, a.dot-irecommendthis:hover, a.dot-irecommendthis.active{ background-color: #1abc9c; } .menu-button-container{ display: table-cell; vertical-align: middle; padding-left: 25px; } input[type="submit"]:hover, input[type="submit"]:focus, a.a13-button:hover, a.project-site:hover, .nav-previous a:hover, .nav-next a:hover{ background-color: #ff0000; color: #ffffff; } /* ============================================================================= 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; } #page_very_top{ display: table; } #content{ height: 100%; } #content, .foot-widget-content, .pure_page_wrapper{ max-width: 1170px; margin: 0 auto; } .pure_page_wrapper{ background-color: #ffffff; padding: 20px 30px; height: calc(100vh - 290px); max-height: 610px; min-height: 500px; } .foot-widget-content{ padding: 30px 0 20px 0; } #begin-of-content{ margin-bottom: 150px; } .right-sidebar .post-content, .left-sidebar .post-content{ position: relative; width: 70%; } .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-right: 40px; position: relative; width: calc(70% - 40px); } .right-sidebar #secondary{ box-sizing: border-box; left: 0; position: relative; top: 0; width: 28%; float: left; } .left-sidebar #post-list{ float: right; padding-left: 40px; position: relative; width: calc(70% - 40px); } .left-sidebar #secondary{ box-sizing: border-box; left: 0; position: relative; top: 0; width: 28%; float: right; } .no-sidebars #post-list, .no-sidebars > .post-content{ 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{ position: fixed; width: 100%; height: 100%; background-position: center center; background-size: cover; top: 0; left: 0; z-index: 666990; opacity: 1; } #preloader{ background-color: transparent; } #small_preloader{ opacity: 0; display:none; } .preloader_circle{ position: absolute; border-style: solid; z-index: 666992; -webkit-animation: preloaderAnimation 2s infinite linear; -moz-animation: preloaderAnimation 2s infinite linear; -o-animation: preloaderAnimation 2s infinite linear; box-shadow: 0 0 1px rgba(255, 255, 255, 0); } @-webkit-keyframes preloaderAnimation { from { -webkit-transform: rotate(0deg) scale(1) translate(0px); } to { -webkit-transform: rotate(360deg) scale(1) translate(0px); } } @-moz-keyframes preloaderAnimation { from { -moz-transform: rotate(0deg) scale(1) translate(0px); } to { -moz-transform: rotate(360deg) scale(1) translate(0px); } } @-o-keyframes preloaderAnimation { from { -o-transform: rotate(0deg) scale(1) translate(0px); } to { -o-transform: rotate(360deg) scale(1) translate(0px); } } .preloader_img1{ position: fixed; z-index: 666992; } .preloader_img2{ position: fixed; z-index: 666992; } .preloader_overlay{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 666991; } .preloader-header{ color: #666666; position: relative; top: -10px; } .preloader-footer{ color: #b8b8b8; position: relative; top: 10px; font-size: 12px; } .preloader-pie{ width:100%; height:150px; text-align: center; } .loader_off{ display: none; } .invisible{ height: 0; overflow: hidden; width: 0; display: none; } /* ============================================================================= HEADER STYLES ========================================================================== */ .main-menu-wrapper{ position: relative; width: 100%; left: -15px; } #header{ background-color: transparent; height: 145px; left: 0; min-height: 50px; position: relative; top: 0; width: 100%; } #header.transparent{ box-shadow: none; background-color: rgba(0,0,0,0)!important; } #header.scrollable_header{ position: absolute; } #header .head{ display: table; margin: 0 auto; width: 100%; height: 100%; max-width: 1170px; } #header .head.wide{ max-width: 100%; } .mobile_menu_switch{ background-color: transparent; border: medium none !important; color: rgba(1,1,1,0.4); font-size: 34px; left: calc(50% - 535px); outline: medium none !important; position: absolute; text-decoration: none; top: 44px; z-index: 9999; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .mobile_menu_switch:hover{ color: rgba(1,1,1,1); } .mobile_menu_switch svg path{ -webkit-transition: stroke 0.4s ease; -ms-transition: stroke 0.4s ease; transition: stroke 0.4s ease; } .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; -webkit-transition: all 0.5s ease; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: visible; -ms-transition: all 0.5s ease; transition: all 0.5s ease; transform-origin: center center; } .full_overlay .tile.open{ opacity:1; 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{ text-decoration: none; line-height: 1; position: relative; vertical-align: middle; white-space: nowrap; } #logo > div { text-align: center; white-space: normal; width: 100%; } #header:hover #logo{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-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{ display: table-cell; vertical-align: middle; width: 100%; } /* ========================================================================== FOOTER STYLES ========================================================================== */ #footer{ background-color: transparent; left: 0; min-height: 50px; position: relative; top: 0; width: 100%; } 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{ font-size: 11px; line-height: 14px; } /* ========================================================================== SOCIAL ICONS ========================================================================== */ .socials{ margin: 20px 0 0 -1px; text-align: center; line-height: 0; /*remove white space*/ } #header .socials{ display: block; position: absolute; right: calc(50% - 588px); margin: 1px 0 0; top: 0; } #header .socials.hide { display: none; } .mm-footer .socials{ margin: 0 auto; } .widget .socials{ text-align: center; } .ribbon{ position: relative; width: 42px; height: 60px; margin: 0 5px 0 0; top: -1px; display: inline-block; font-family: 'SocialFont'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } .ribbon a{ text-decoration: none; } .ribbon .stripes{ background: url("images/shadow.png") repeat-x ; height: 90%; left: 0; position: absolute; top: 0; width: 42px; } .ribbon .stripes:before{ border-left: 1px dashed; border-right: 1px dashed; content: ""; height: 100%; left: 3px; position: absolute; top: 0; width: 34px; } .ribbon span { font-size: 42px; font-style: normal; font-weight: normal; margin: 0 -3px; position: relative; text-align: center; top: 30px; line-height:0; } .a13_blog_ribbon .ribbon .stripes:before{ border-color: #545454; } .sticky_ribbon .ribbon svg { fill: #ea0000; } /* top bar socials(smaller) */ a.a13_soc-500px span:before{ content:"\e000"; } a.a13_soc-aim span:before{ content:"\e004"; } a.a13_soc-behance span:before{ content:"\e009"; } a.a13_soc-blogger span:before{ content:"\e012"; } a.a13_soc-delicious span:before{ content:"\e015"; } a.a13_soc-deviantart span:before{ content:"\e018"; } a.a13_soc-digg span:before{ content:"\e020"; } a.a13_soc-dribbble span:before{ content:"\e021"; } a.a13_soc-facebook span:before{ content:"\e027"; } a.a13_soc-flickr span:before{ content:"\e029"; } a.a13_soc-forrst span:before{ content:"\e031"; } a.a13_soc-foursquare span:before{ content:"\e032"; } a.a13_soc-github span:before{ content:"\e036"; } a.a13_soc-googleplus span:before{ content:"\e039"; } a.a13_soc-instagram span:before{ content:"\e100"; } a.a13_soc-lastfm span:before{ content:"\e051"; } a.a13_soc-linkedin span:before{ content:"\e052"; } a.a13_soc-mailto span:before{ content:"\e024"; } a.a13_soc-paypal span:before{ content:"\e061"; } a.a13_soc-pinterest span:before{ content:"\e064"; } a.a13_soc-quora span:before{ content:"\e068"; } a.a13_soc-rss span:before{ content:"\e071"; } a.a13_soc-reddit span:before{ content:"\e069"; } a.a13_soc-sharethis span:before{ content:"\e073"; } a.a13_soc-skype span:before{ content:"\e074"; } a.a13_soc-spotify span:before{ content:"\e079"; } a.a13_soc-stumbleupon span:before{ content:"\e083"; } a.a13_soc-tumblr span:before{ content:"\e085"; } a.a13_soc-twitter span:before{ content:"\e086"; } a.a13_soc-vimeo span:before{ content:"\e089"; } a.a13_soc-wordpress span:before{ content:"\e094"; } a.a13_soc-yahoo span:before{ content:"\e097"; } a.a13_soc-yelp span:before{ content:"\e098"; } a.a13_soc-youtube span:before{ content:"\e099"; } /*HOVERS*/ .ribbon:hover span { color: #ffffff; top: 40px; } a.a13_soc-500px:hover svg{ fill: #bebebe; } a.a13_soc-aim:hover svg{ fill: #cb9c27; } a.a13_soc-behance:hover svg{ fill: #0390d9; } a.a13_soc-blogger:hover svg{ fill: #ff6600; } a.a13_soc-delicious:hover svg{ fill: #3173d1; } a.a13_soc-deviantart:hover svg{ fill: #3d4d49; } a.a13_soc-digg:hover svg{ fill: #006094; } a.a13_soc-dribbble:hover svg{ fill: #d8477e; } a.a13_soc-facebook:hover svg{ fill: #486190; } a.a13_soc-flickr:hover svg{ fill: #ff0081; } a.a13_soc-forrst:hover svg{ fill: #5b9c69; } a.a13_soc-foursquare:hover svg{ fill: #3ca5ce; } a.a13_soc-github:hover svg{ fill: #393939; } a.a13_soc-googleplus:hover svg{ fill: #cc3717; } a.a13_soc-instagram:hover svg{ fill: #c0a790; } a.a13_soc-lastfm:hover svg{ fill: #be0a01; } a.a13_soc-linkedin:hover svg{ fill: #358ab3; } a.a13_soc-mailto:hover svg{ fill: #5cab30; } a.a13_soc-paypal:hover svg{ fill: #336aa0; } a.a13_soc-pinterest:hover svg{ fill: #cb2027; } a.a13_soc-quora:hover svg{ fill: #a82300; } a.a13_soc-rss:hover svg{ fill: #f98401; } a.a13_soc-reddit:hover svg{ fill: #f98401; } a.a13_soc-sharethis:hover svg{ fill: #219643; } a.a13_soc-skype:hover svg{ fill: #3bbff1; } a.a13_soc-spotify:hover svg{ fill: #3bbff1; } a.a13_soc-stumbleupon:hover svg{ fill: #eb4823; } a.a13_soc-tumblr:hover svg{ fill: #517197; } a.a13_soc-twitter:hover svg{ fill: #29b9e9; } a.a13_soc-vimeo:hover svg{ fill: #2cadd7; } a.a13_soc-wordpress:hover svg{ fill: #19537c; } a.a13_soc-yahoo:hover svg{ fill: #8755ac; } a.a13_soc-yelp:hover svg{ fill: #8755ac; } a.a13_soc-youtube:hover svg{ fill: #e1362f; } /* ========================================================================== HEADER MENU ========================================================================== */ .menu-item a span{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* ============================================================================= 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; } .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; } /* ========================================================================== READ MORE LINK ========================================================================== */ a.more-link{ border: 1px solid transparent !important; color: #ea4124; font-size: 11px !important; letter-spacing: -0.4px !important; margin-top: 20px; padding: 8px 21px 9px !important; white-space: nowrap; } a.more-link:hover{ background-color: transparent; } /* ========================================================================== SINGLE POST ========================================================================== */ .single-post .post-title{ padding: 0; } .post-media{ float: left; height: auto; margin-top: 30px; margin-right: 32px; position: relative; width: 250px; } .empty-item-image { float: left; 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 { 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: auto; } .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: 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; text-transform: uppercase; 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{ line-height: 1.4; margin-top: 13px; } .single-post .real-content, .post_slide_content_wrapper .real-content{ padding: 0 70px 0 283px; text-align: left; margin-top: 0; } .single-post .left-sidebar .real-content, .single-post .right-sidebar .real-content{ padding: 0 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%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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{ 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: flex; 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: 10px; } a.avatar img{ display: block; } .author-inside{ margin-left: 80px; } /* COMMENTS */ .comments-area{ /* almost no styles cause when no comments * then comment form area takes over styling */ margin-bottom: 100px; padding: 0 70px 0 283px; text-align: left; } #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: 30px 0 0; } .comment .comment{ min-height: 40px; padding: 30px 0 0 36px; } .comment-inside{ padding: 0 0 30px; position: relative; margin-left: 65px; } .comment #respond{ margin-left: 110px; } .comment .comment #respond{ margin-left: 140px; } .comment-info{ color: #999; line-height: 1.4; margin: 0 0 13px; } .comment-info, .comment-info .time{ color: #999; } .comment-info .time{ font-size: 12px; } .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-weight: normal; padding: 0; margin: 0 0 -3px; } .comment-info .sepa{ color: #dfdfdf; margin: 0 5px; } .comment-inside, .author-inside{ font-size: 13px; line-height: 1.5; word-wrap: break-word; } .bypostauthor > .comment-inside:after{ content: ""; background: transparent url(images/author.png) 0 0 no-repeat; height: 23px; width: 59px; position: absolute; right: 0; top: 0; } 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; } /********/ /* ADD COMMENT FORM */ #respond{ margin: 20px 0 0; 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{ width: 49%; float: left; position: relative; } span.input-row.full{ width: 100%; float: left; position: relative; } span.input-row.second{ margin-left: 2%; } .asterix{ color: #EA4124; font-size: 27px; position: absolute; right: 15px; top: 8px; } .sub_comment_info { float: left; font-size: 13px; opacity: 0.4; text-align: left; } .sub_comment_info .asterix{ color: #EA4124; font-size: 17px; position: relative; right: -5px; top: 0; } .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: 34px; } .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: #f2f2f2; border: 1px solid transparent; 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{ background-color: #ffffff; } .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: 13px; } #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: 25px 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; } 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; } /* 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; } /* 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; } #mid{ height: calc(100vh - 290px); max-height: 610px; min-height: 500px; overflow: hidden; position: relative; width: 100%; opacity:0; } body.no_custom_scroll #mid{ height: calc(100vh - 210px); max-height: 9999px!important; min-height: 1px!important; top: 60px; position: relative; } body.no_custom_scroll .main-page-slider{ height: calc(100vh - 80px); } body.no_custom_scroll #mid.a13_opening_done{ height: auto; } body.no_custom_scroll #mid.a13_opening_done .main-page-slider{ height: auto; } body.no_custom_scroll #header{ height: 50px; } body.no_custom_scroll #header #logo img.logo_img1{ height: 50px; margin-top:3px; } body.no_custom_scroll .mm-footer{ height: 80px; position: fixed; padding:0; display: none; } body.no_custom_scroll .mm-footer .nav_footer{ -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items:center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; } body.no_custom_scroll .mm-footer .foot-widget-content{ padding:0; } .main-page-slider.owl-theme>.owl-controls .owl-buttons>div, .main-page-slider.owl-theme>.owl-controls .owl-buttons>div div { background-color: #000000; box-shadow: none; color: #FFFFFF; font-family: icomoon; font-size: 35px; height: 80px; opacity: 0.1; padding-top: 0; position: absolute; text-align: center; top: calc(50% - 45px); transition: all 0.3s ease 0s; width: 80px; } body.no_custom_scroll .main-page-slider.owl-theme>.owl-controls .owl-buttons>div { top: calc(50vh - 160px); } .a13_row_container.with_fading::before { content: ""; height: 50px; left: 0; position: absolute; bottom: 0; width: 100%; z-index: 500; } .owl_row_wrap:not(.with_tile) .a13_row_container { padding: 0 25px; width: calc(100% - 50px); } .a13_row_container.with_fading::after { content: ""; height: 50px; left: 0; position: absolute; top: 0; width: 100%; z-index: 500; } .main-page-slider.owl-theme .owl-controls .owl-buttons>div:not(.touched) { background-color: #000000!important; } .main-page-slider.owl-theme .owl-controls .owl-buttons div.touched{ color: #FFFFFF; } .main-page-slider.owl-theme .owl-controls .owl-buttons>div:not(.disabled)>div{ -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items:center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto; } .main-page-slider.owl-theme.touched .owl-controls .owl-buttons>div:not(.touched) { opacity: 0.1; color: #ffffff; } .main-page-slider.owl-theme .owl-controls .owl-buttons div div{ top: 0; } .main-page-slider .owl-controls .owl-buttons div.owl-prev:before{content: "\e097";left: 0;position: relative;top: 14px;} .main-page-slider .owl-controls .owl-buttons div.owl-next:before{content: "\e096";left: 0;position: relative;top: 14px;} .main-page-slider .owl-controls .owl-buttons div.owl-prev{left: -115px;} .main-page-slider .owl-controls .owl-buttons div.owl-next{right: -115px;} .owl-buttons .disabled {display: none!important;} /*--------------------*/ /* Double flip */ /*--------------------*/ .main-page-slider.owl-theme:hover .owl-controls .owl-buttons>div:not(.touched), .main-page-slider.owl-theme:hover .owl-controls .owl-buttons>div:not(.touched) div { opacity: 0.1; } /*------some fix for ipad----*/ .main-page-slider.owl-theme .owl-controls .owl-buttons>div.touched, .main-page-slider.owl-theme .owl-controls .owl-buttons>div.touched div { opacity: 1; } /*------some fix for ipad----*/ .main-page-slider .owl-buttons div:not(.disabled) { -webkit-perspective: 1000px; perspective: 1000px; } .main-page-slider .owl-buttons div.owl-prev:not(.disabled) { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .main-page-slider .owl-buttons div.owl-next:not(.disabled) { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } .main-page-slider .owl-buttons div:not(.disabled) { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .main-page-slider .owl-buttons div.owl-prev:not(.disabled) div, .main-page-slider .owl-buttons div.owl-prev:not(.disabled) span { left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; background-color: inherit; } .main-page-slider .owl-buttons div.owl-next:not(.disabled) div, .main-page-slider .owl-buttons div.owl-next:not(.disabled) span { right: calc(100% - 1px); height: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background-color: inherit; } .main-page-slider .owl-buttons span { -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items:center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; -webkit-justify-content: center; justify-content: center; padding: 0 20px; position: absolute; top: 0; width: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .main-page-slider .owl-buttons span { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .main-page-slider .owl-buttons h3 { background-color: inherit; color: #fff; font-size: 13px; font-style: normal; font-weight: bold; letter-spacing: 2.5px; line-height: 1; margin: 0; padding: 0 20px; text-align: center; text-transform: uppercase; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .main-page-slider .owl-buttons>div:not(.disabled).touched{ background-repeat: no-repeat; background-size: cover; filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.2)); } .main-page-slider .owl-buttons>div.owl-prev:not(.disabled).touched{ background-image: url("images/opacity2l.png"); background-position: 0 0; } .main-page-slider .owl-buttons>div.owl-next:not(.disabled).touched{ background-image: url("images/opacity2.png"); background-position: 100% 0; } .main-page-slider .owl-buttons div.touched:not(.disabled) div, .main-page-slider .owl-buttons div.touched:not(.disabled) span { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .main-page-slider .owl-buttons div.touched:not(.disabled) div { -webkit-transition-delay: 0s; transition-delay: 0s; } .main-page-slider .owl-buttons div.touched:not(.disabled) span { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .owl-buttons div.disabled div{ display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .main-page-slider.owl-theme>.owl-controls>.owl-buttons>div:not(.disabled)>div{ min-width: 180px; } .main-page-slider>.owl-controls>.owl-buttons span{ min-width: 80px; } } .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; } /* ============================================================================= CONTACT PAGE ========================================================================== */ .map-container{ /* need it cause google map script don't like position in main container */ width: 100%; position: relative; } #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; z-index: 9990; width: 100%; height: 100%; visibility: hidden; background-color: #FFFFFF; opacity:0; display: none; } .work_modal{ overflow: hidden; position: relative; width: 100%; z-index: 101; height: calc(100% - 124px); } .work_slide{ height: 100%; left: 0; margin: 0; padding: 0 79px 0 57px; position: relative; top: 0; } .work_slide_content_wrapper, .post_slide_content_wrapper{ } .work_slide_content_wrapper .work-content { margin: 0; } .work_slide_content_wrapper .real-content { padding: 0; } .work_modal_port .work_nav{ background-color: #fff; font-family: icomoon; height: 124px; opacity: 0; position: relative; right: 0; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .work_modal_port.ready .work_nav{ opacity: 1; } .work_nav .prev, .work_nav .close, .work_nav .next{ color: #cccccc; cursor: pointer; float: right; font-size: 25px; height: 44px; position: relative; right: 46px; top: -37px; width: 52px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 999; } .work_nav .prev:before{ content: "\e097"; } .work_nav .close:before{ content: "\e117"; } .work_nav .next:before{ content: "\e096" } .work_nav.close .nav_button{ background-position: 0 -85px; height: 105px; opacity:0; top: -20px; } .work_nav.close .nav_button:hover{ opacity:1; top: 0; -webkit-transition: opacity 0.3s ease, top 0.3s ease 0.3s; -moz-transition: opacity 0.3s ease, top 0.3s ease 0.3s; -o-transition: opacity 0.3s ease, top 0.3s ease 0.3s; transition: opacity 0.3s ease, top 0.3s ease 0.3s; } .work_nav.prev .nav_button{ background-position: 0 165px; width: 105px; opacity:0; left: -23px; } .work_nav.prev .nav_button:hover{ opacity:1; left: 0; -webkit-transition: opacity 0.3s ease, left 0.3s ease 0.3s; -moz-transition: opacity 0.3s ease, left 0.3s ease 0.3s; -o-transition: opacity 0.3s ease, left 0.3s ease 0.3s; transition: opacity 0.3s ease, left 0.3s ease 0.3s; } .work_nav.next .nav_button{ background-position: 101px 492px; width: 105px; opacity:0; right: -16px; } .work_nav.next .nav_button:hover{ opacity:1; right: 0; -webkit-transition: opacity 0.3s ease, right 0.3s ease 0.3s; -moz-transition: opacity 0.3s ease, right 0.3s ease 0.3s; -o-transition: opacity 0.3s ease, right 0.3s ease 0.3s; transition: opacity 0.3s ease, right 0.3s ease 0.3s; } .posted_in{ text-align: center; font-size: 13px; padding: 20px 0 0; color: #a8a8a8; text-transform: uppercase; } .work_nav .posted_in{ font-size: 10px !important; position: relative; text-align: left; top: 23px; z-index: 999; } .work_nav .work_title { padding-left: 57px; position: relative; } .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{ font-size: 13px; clear: both; margin-bottom: 25px; } .meta-data .fields span{ color: #666; display: block; margin-top: 5px; } .meta-data .fields em{ color: #333; font-style: normal; font-weight: bold; margin-right: 2px; } .meta-data .fields em:after{ content: ":"; } .meta-data a.project-site, .meta-data a.dot-irecommendthis{ float: none; display: inline-block; width: auto; } .meta-data a.project-site{ margin-right: 10px; } .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{ margin-top: 25px; display: table; } .content-under .work-content:first-child{ margin-top: 0; } .content-under .real-content{ width: 1040px; display: table-cell; vertical-align: top; padding: 0 100px; } .content-under .real-content.with_infos{ width: 840px; display: table-cell; vertical-align: top; padding: 0 100px; } .content-under .meta-data{ display: table-cell; vertical-align: top; width: 200px; padding-left: 40px; } .content-left #a13-full-photos, .content-left .in-post-slider, .content-left #a13-scroll-pan{ margin-left: 320px; max-width: 760px; } .content-right #a13-full-photos, .content-right .in-post-slider, .content-right #a13-scroll-pan{ margin-right: 320px; max-width: 760px; } .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: 25px; } /* ============================================================================= 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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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; position: absolute; top: 0; width: 100%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-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; } .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; } .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; } .g-link:hover .cov, .touched .g-link .cov{ opacity: 1; } .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; top: 0; font-style:normal; height: 71px; padding-top: 12px; } .g-link.over .cov.works{ height: 100%; width: 100%; opacity: 0; padding: 0; position: absolute; top: 0; } .g-link.over:hover .cov.works{ opacity: 1; } .g-link.over .cov.works span{ text-align: center; } .g-link.over .cov.works .subtitle{ opacity: 1; font-size: 11px; height: calc(100% - 60px); padding-top: 24px; overflow: auto; position: relative; width: 80%; left: 10%; opacity: 0.8; 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; } .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; } .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; } .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; } .g-link.over:hover .cov.people{ opacity:1; } .g-link.over .cov.people.quote{ opacity:1; 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; } /* ============================================================================= PEOPLE ========================================================================== */ .people-image{ width: 390px; margin-right: 30px; float: left; } .people-content{ position: relative; } .people-content h2, .people-content h6{ text-align: left; } .people-content h6{ margin-bottom: 7px; color: #8e8e8e; } .people-content h2{ border-bottom: 1px solid #dbdbdb; font-weight: bold; margin-bottom: 10px; padding-bottom: 20px; } .people_slide_content_wrapper{ height:390px; padding-top: calc(50vh - 180px); } .people-content .socials { position: absolute; right: 0; top: 0; } /* ============================================================================= 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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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; } /* ========================================================================== 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; -webkit-border-radius: 3px; 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); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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; } .wpb_tour ul.wpb_tabs_nav li:hover a:after, .wpb_tour ul.wpb_tabs_nav li.ui-tabs-active > a:after{ opacity: 1; } .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: 13px !important; 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, #slide-list li, #a13-work-slides i, #a13-full-photos i, a.dot-irecommendthis, .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; -moz-transition: opacity 0.3s ease; -o-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{ -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; transition-property: background-color, color; 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; transition-property: width, height; transition-duration: 0.3s; } #a13-work-slides{ -webkit-transition: left 0.6s ease-out; -moz-transition: left 0.6s ease-out; -o-transition: left 0.6s ease-out; transition: left 0.6s ease-out; } .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, .a13-button, .cov, .cov-bg, .navigation a, .g-link img, .slider-arrow, #a13-scroll-pan .arr, #a13-work-slides i, #a13-full-photos i, a.dot-irecommendthis, 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; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 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; } /* ============================================================================= RESPONSIVE DESIGN ========================================================================== */ @media only screen and (max-width: 1400px) { .main-page-slider .owl-controls .owl-buttons div.owl-prev{ left: calc((1170px - 100vw) / 2); } .main-page-slider .owl-controls .owl-buttons div.owl-next{ right: calc((1170px - 100vw) / 2); } } @media only screen and (max-width: 1170px) { *:not(.post_slide_content_wrapper)>.main-page-slider{ width: 100vw!important; } .main-page-slider .owl-controls .owl-buttons div.owl-prev{ left: 0; } .main-page-slider .owl-controls .owl-buttons div.owl-next{ right: 0; } .nav_socials { margin: 0; position: relative; right: auto; } #header .socials { right: 0; } .mobile_menu_switch { left: 10%; } #header .head { display: flex; justify-content:center; } } @media only screen and (max-width: 1080px) { body::after { content: 'narrow1080'; /* info for JS */ display: none; } /* MAIN LAYOUT */ .foot-widget-content, .header-bar .in, .menu-button-container, .full-width-elements .a13_row_container.a13_full-row .vc_row-fluid{ padding-left: 10px; padding-right: 10px; } .menu-container{ padding-right: 0; } .header-bar .in h2, .header-bar .in .a13-button, .tools, .header-bar .genre-filter{ right: 10px; } /* MAIN CONTENT */ #a13-full-photos, .in-post-slider, .full-width-elements .a13_row_container.a13_full-row, .full-width-elements .a13_full-content .vc_row-fluid{ margin: 0 -10px; } .vc_separator .vc_sep_holder { width: 25%!important; } .vc_separator h1, .vc_separator h2, .vc_separator h3, .vc_separator h4, .vc_separator h5, .vc_separator h6{ white-space: normal !important; } .work_slide{ padding: 0; margin: 0 ; } .people_slide_content_wrapper{ height: 100vh; padding-top: 10px; } .people-image { float: left; height: calc(30vh - 5px); margin-left: 10px; margin-bottom: 10px; width: auto; } .people_featured_image { height: calc(30vh - 5px); width: auto; } .people_featured_image img { height: inherit; width: auto; } } @media only screen and (max-width: 800px) { /* TWO columns adjustments */ body::after { content: 'narrow800'; /* info for JS */ display: none; } #logo img{ max-width: 300px; } #header .socials { display: none; } .header-bar .in h2, .header-bar .in .a13-button{ position: static; margin-top: 20px; } .post-media { float: none; margin-right: 0; width: 100%; } .post-title { margin: 20px 0 1px; top: 0; } .post_slide_content_wrapper .post-title { margin: 9px 0 1px; } .post_slide_content_wrapper .posted_in, .work_slide_content_wrapper .posted_in { top: 70px; } .real-content.blog-post-excerpt { width: 100%; } .a13_testimonial_cloud:not(.no_quote_marks) .a13_testimonial_cloud_interior { padding: 40px 50px; } .post_slide_content_wrapper .real-content{ padding: 0; } .post_slide_content_wrapper .pure_page_wrapper{ padding: 20px 40px; } .work_nav>div{ top: 20px !important; } #post-list, .post-content, #secondary, .left-sidebar #secondary, .left-sidebar #post-list{ float: none; position: static; left: auto; right: auto; width: auto; } .content-under .real-content{ padding: 0 10px; } #secondary, .left-sidebar #secondary{ padding: 30px 0; margin-left: -3%; } #secondary .widget, #secondary .widget:first-child{ width: 47%; margin-left: 3%; margin-top: 40px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #secondary .widget:nth-child(odd){ clear: both; } .footer-menu, .foot-text{ float: none; max-width: none; } .footer-menu + .foot-text{ margin-top: 20px; } .footer-menu li{ float: none; display: inline-block; } .foot-widgets .widget{ /* change it to 3 cols */ width: 30.3%; margin-top: 40px; } .foot-separator{ padding-top: 40px; } .five-col .after_fifth, .four-col .after_fourth{ display: none; } .foot-widgets .after_third{ display: block; } /* PASSWORD FORM */ .single-gallery .password-form, .single-work .password-form{ padding: 20px; } /* BLOG */ #post-list .post-title, .single-post .post-title, .single-post .real-content, .real-content.blog-post-excerpt, .comments-area{ padding: 0; } .right-sidebar #post-list, .left-sidebar #post-list, .right-sidebar #secondary, .left-sidebar #secondary{ width: 100%; } /* WORKS */ .genre-filter{ top: -20px; left: 20px; } .classic .genre-filter{ position: absolute; } .classic .genre-filter.static-block{ position: static; } .genre-filter li{ border-left: none; float: none; } .genre-filter a, .genre-filter li.label{ white-space: normal; } .vc_separator .vc_sep_holder { width: 10%!important; } .vc_separator h1, .vc_separator h2, .vc_separator h3, .vc_separator h4, .vc_separator h5, .vc_separator h6{ white-space: normal !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; -webkit-border-radius: 0 0 3px 3px; 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; } } @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; } } @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{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #access{ display: block; width: auto; max-width: 50%; float: right; } #logo img{ max-height: 60px; max-width: 40%; } #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, (-o-min-device-pixel-ratio: 5/4), (-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, a.dot-irecommendthis{ 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 */ body.ipad #mid, body.ipad .main-page-slider{ height: 580px!important; max-height: 580px!important; } } #lang_sel a.lang_sel_sel{ background-color: transparent; border-color: transparent; } .people_item.simple .people_img_overlay { width: calc(100% - 40px) !important; } .vc_separator.h_second_style { display: block; float: left; }