/* Theme Name: Aperture Theme URI: http://mnkythemes.com/aperture Description: Aperature is a premium multipurpose WordPress theme. Available exclusively on Theme Forest. Author: MNKY Author URI: http://themeforest.net/user/MNKY Version: 1.9.4 License: Envato Marketplaces Split Licence License URI: Envato Marketplace Item License Certificate Text Domain: aperture ----------------------------------------------------------------- 01. Reset Stylesheet 02. Base Typography 03. Base Styles 04. Nonsemantic Base Styles 05. Structure 06. Header 07. Menu 08. Content 09. Images 10. Comments 11. Footer 12. Widgets 13. Plugins 14. Retina 15. Responsive styles -----------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 01. Reset Stylesheet by html5doctor.com v1.6.1 /*---------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { text-decoration:underline;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del, strike { text-decoration: line-through; } abbr[title], dfn[title], acronym { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /*---------------------------------------------------------------*/ /* 02. Base Typography /*---------------------------------------------------------------*/ body { font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 1.6; background-color:#ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ms-word-wrap: break-word; word-wrap: break-word;} pre, code, kbd, samp { font-family: monospace, sans-serif; } /*---------------------------------------------------------------*/ /* 03. Base Styles /*---------------------------------------------------------------*/ body, select, input, textarea { color: #696969; font-family: Arial, Helvetica, sans-serif;} input, textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#444444; margin-bottom:12px;} h1{font-size:30px} h2{font-size:24px} h3{font-size:20px} h4{font-size:18px} h5{font-size:16px} h6{font-size:14px} html { overflow-y: scroll; } *:focus { outline: none; } a{color:#444; text-decoration:none; outline:0; } a:hover, a:active { outline: none; } a:hover, a:active,a:focus { text-decoration:none; outline: none;} p{margin-bottom:18px;} img{max-width:100%;} em {font-style: italic;} small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { display:block; font:normal 12px/22px Monaco, Monospace; background-color:#fafafa; background-image:-webkit-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:-moz-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:-ms-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:-o-repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); background-image:repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); overflow:auto; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 */ word-wrap: break-word; /* IE */ padding:0em 1em; border: 1px dashed #cccccc; margin: 0 0 1em 0;} hr {background-color: #EDEDED; border: 0; clear: both; height: 1px; margin-bottom: 18px; } iframe, embed, video, audio{max-width:100%;} .ie7 img {-ms-interpolation-mode: bicubic;} /* Quote tag */ q:before, q:after { content:'"'; } /* Definition list */ dl {padding-top:20px; padding-bottom:20px;} dt {float: left; clear: left; width: 130px; text-align: right; font-weight: bold;} dt:after {content: ":";} dd {margin: 0 0 0 150px; padding: 0 0 0.5em 0;} /* Bloquote */ blockquote:after {font-family: FontAwesome; content: "\f10e"; font-size:19px; position:absolute; bottom:10px; right:20px;} blockquote p { font-size: 16px; margin-bottom: 10px !important;} blockquote {border: 1px solid #EDEDED; background:#f9f9f9; margin-bottom:10px; padding:40px; position:relative; border-radius:4px;} blockquote cite {display: block; font-size: 12px; color: #555; margin-top:15px;} blockquote cite:before {content:"\2014"; padding-right:5px;} /* Form style */ input,textarea{ font-size: 13px; background: #fafafa; border:1px solid #ededed; border-radius: 3px;} input:focus,textarea:focus { background: #f7f7f7; outline: 0; border-top-color:#e6e6e6; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } input{padding:0 10px; height:44px;} textarea { overflow: auto; padding:10px; height:160px;} .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; background:none;} input[type="checkbox"] { vertical-align: bottom; background:none; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } input[type=button], input[type=submit], button {-webkit-appearance: button;} input, select, textarea { margin: 0;} /* Selection style */ ::-moz-selection{ background-color: #999999; color:#fff; text-shadow: none; } ::selection { background-color:#999999; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.196); } /* Button style */ input[type='submit']{display: inline-block; background-color:#6EC7E7; border:1px solid #6EC7E7; color: #fff; font-size: 11px; text-transform:uppercase; font-weight:normal; height: 40px; line-height:40px; padding: 0px 25px; text-align: center; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type='submit']:hover{ background-image: -moz-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.23)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#00ffffff',GradientType=0 ); } input[type='submit']:active{color:#ffffff;} /* List style */ ul, ol { margin-left: 1.8em; } ol {list-style: decimal;} ol, ul.square, ul.circle, ul.disc, ul {margin-left: 30px;} ul.square {list-style: square outside;} ul.circle {list-style: circle outside;} ul.disc {list-style: disc outside;} ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 30px;} li {line-height: 18px;} ul.large li {line-height: 21px;} nav ul, nav li { margin: 0; } /* Table Style */ table{background-color:#eeeeee; border-collapse:collapse; border-spacing: 0; padding:0; margin-bottom:18px; -moz-border-radius:6px; -webkit-border-radius:6px ; border-radius:6px; width:100%;} th{color:#ffffff; font-weight:bold; padding:10px 30px 10px 30px; text-align:center;} th a {color:#ffffff;} th a:hover {color:#f7f7f7;} tr{color:#696969; text-align:center;} tr:nth-child(odd) td{background:#ffffff;} td{padding:10px;vertical-align:middle; } thead th:first-child {-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0;} thead th:last-child {-moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;} thead th:only-child{-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;} tbody th{background:none; color:#444444;} tbody th a {color:#444444;} tbody th a:hover {color:#696969;} tbody tr:nth-child(odd) th{background:#ffffff;} tbody tr:last-child th {-moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; } /*---------------------------------------------------------------*/ /* 04. Nonsemantic Base Styles /*---------------------------------------------------------------*/ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers */ .hidden { display: none; visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*---------------------------------------------------------------*/ /* 05. Structure /*---------------------------------------------------------------*/ #wrapper {display: block; margin:0 auto; background:#fff; position:relative; overflow-x:hidden;} #container {position:relative; margin:60px auto;} #container.no-sidebar {width:100%; margin:0px auto;} #container:after { content: "\0020"; clear: both; display: block; height: 0; visibility: hidden; } #content{width:100%; overflow-x:hidden;} #content.float-left, #content.float-right{width:70%;} #sidebar{width:30%; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #sidebar.float-left{padding-right:40px;} #sidebar.float-right{padding-left:40px;} #sidebar .widget {overflow: hidden;} .pre-content{width:100%; position:relative; overflow:hidden;} /* Alignments */ .alignleft { display: inline; float: left;} .alignright { display: inline; float: right;} .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .float-left{ float:left;} .float-right{ float:right;} .text-aligncenter {text-align:center;} .text-alignright {text-align:right;} /*---------------------------------------------------------------*/ /* 06. Header /*---------------------------------------------------------------*/ /* Top area */ #top-bar-wrapper{ background:#E9E9E9;} #top-bar{width:100%; margin:0 auto; padding-bottom:30px; padding-top:10px;} #topleft-widget-area {padding-left:42px;} #topright-widget-area {padding-right:42px;} .fixed-width #topleft-widget-area, .fixed-width #topright-widget-area{padding-left:0px; padding-right:0px;} /* Header */ #site-header{position: relative; width: 100%; z-index: 980;} #site-header.header-default {-webkit-box-shadow: 0px 1px 3px -1px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0px 1px 3px -1px rgba(5, 5, 5, 0.25); box-shadow: 0px 1px 3px -1px rgba(5, 5, 5, 0.25);} #site-header.header-overlay{position: absolute;} #site-header #header-container{max-width:100%; height:80px; margin:0 auto; position:relative;} #site-logo {position:absolute; left:40px; margin-top:26px;} .fixed-width #site-logo {left:0px;} #site-logo .site-title {padding:0; margin:0; text-transform:uppercase; font-size: 18px; font-weight: bold;} #site-logo img {display: block; max-height: 100%; padding:0px;} #site-logo img.retina-logo {display:none;} #site-header.header-overlay #site-logo .header-default-css{display:none;} #site-header.header-overlay #site-logo .header-default-css.alt-logo-off{display:block;} /* Header search */ .search-overlay .search-overlay-content{position:absolute; width:100%; height:60px; top:50%; margin-top:-40px; text-align:center; color:#fff;} .search-overlay .search-overlay-content .search-input{max-width:80%; height:60px; background:none; text-align:center; color:#fff; font-size:18px; border:1px solid #fff; border-radius:4px; box-shadow: none;} .search-overlay .search-overlay-content p{font-size:14px; text-transform:uppercase; margin:20px 0 0; padding:0 20px; opacity:0.75} .search-overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(34, 34, 34, 0.95); visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; transition: transform 0.4s ease-in-out, visibility 0s 0.4s; z-index: 9992;} .search-overlay.open {visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out;} .search-overlay .overlay-close {padding:0; position: absolute; right: 22px; top: 15px; overflow: hidden; border: none; background:none; box-shadow:none; color: #fff; font-size:40px; font-weight: normal; outline: none; z-index: 100;} /* Page title */ .page-header {text-align:center; padding:35px 0px; min-height:86px; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;} .page-header .row-inner {margin-left:auto; margin-right:auto;} .page-header h1.page-title {font-size:50px; font-weight:300; margin:0 0 0 -0.065em; line-height:1.3; color:#f9f9f9;} .breadcrumbs-title{padding-right:5px;} .breadcrumbs-separator{padding:0 5px;} .breadcrumbs-trail,.breadcrumbs-trail a {color:#e5e5e5;} /* Post header */ .post-entry-header {padding:0px; } .post-entry-header h1.entry-title, .post-entry-header h2.entry-title, h2.entry-title {font-size:21px; line-height:1.5; font-weight:600; margin:0 0 2px; line-height:1.3; } .post-preview{margin-bottom:20px;} .post-preview img{display:block; height:auto; width:100%; max-width:100%;} /* Title animation .page-header .breadcrumbs-trail{backface-visibility:hidden; opacity:0; -webkit-animation:falldowN 0.7s ease 0.7s 1 forwards; -moz-animation:falldowN 0.7s ease 0.7s 1 forwards; -o-animation:falldowN 0.7s ease 0.7s 1 forwards; animation:falldowN 0.7s ease 0.7s 1 forwards;} @-webkit-keyframes falldowN { from { opacity:0; margin-top:-10px;} to { opacity:1; margin-top:0px; } } @-moz-keyframes falldowN { from { opacity:0; margin-top:-10px; } to { opacity:1;margin-top:0px; } } @-o-keyframes falldowN { from { opacity:0; margin-top:-10px; } to { opacity:1;margin-top:0px;} } @keyframes falldowN { from { opacity:0; margin-top:-10px; } to { opacity:1;margin-top:0px; } } */ /* Centred header style */ #site-header.header-center {text-align:center;} #site-header.header-center #site-logo, #site-header.header-center #site-navigation{position:static; left:0; right:0;} #site-header.header-center #site-navigation ul{text-align:left;} #site-header.header-center #site-navigation > ul li:first-child a{padding-left:0px;} /*---------------------------------------------------------------*/ /* 07. Menu /*---------------------------------------------------------------*/ #site-navigation{position:absolute; right:40px; margin-top:23px;} .fixed-width #site-navigation{right:0px;} #site-navigation .menu-container{display:inline-block;} #site-navigation ul li{float:left; padding:0; cursor:pointer; text-transform:none; position:relative;} #site-navigation ul li a{padding:0 15px 25px; position:relative; font-weight:600; font-size:13px;} #site-navigation ul li a{color:#cccccc; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;} #site-header.header-default #site-navigation ul li a{color:#696969;} #site-navigation .search_button, #site-navigation .header_cart_button {position:relative; background:none; color:#444444; font-size: 15px; font-weight:normal; padding:0; line-height: 1; margin-left:30px; width:16px; top:-3px; border: none; box-shadow:none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;} #site-navigation .header_cart_button{font-size:17px; overflow:visible; margin-left:0px; padding:0px 0px 19px 30px;} #site-navigation .header_cart_button i {padding-bottom:1px; width:15px;} #site-navigation .header_cart_button .cart_product_count{color:#fff !important; font-size:10px; font-weight:600; position:absolute; top:-7px; left:40px; display:block; text-align:center; height:16px; line-height:16px; padding:0 5px; background:red; overflow:visible; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} /* Current menu item */ #site-header.header-overlay #site-navigation ul li.current-menu-item a:before,#site-header.header-overlay #site-navigation ul li.current-menu-ancestor a:before {font-family:FontAwesome; content: "\f0da"; font-size:10px; position:absolute; top:0px; left:5px;} @-moz-document url-prefix() { #site-header.header-overlay #site-navigation ul li.current-menu-item a:before,#site-header.header-overlay #site-navigation ul li.current-menu-ancestor a:before { top:0px; } } #site-header.header-overlay #site-navigation ul li ul li a:before {display:none;} #site-navigation ul li ul li.current-menu-item a, #site-navigation ul li ul li.current_page_parent a, #site-navigation ul li ul li.current-menu-ancestor > a {background: rgba(255,255,255, .06);} /* Sub-level */ #site-navigation ul li ul{ background:rgb(41,41,41); position: absolute; top:120%; margin:15px 0 0 0; left: 15px; display: block; visibility: hidden; z-index:9992; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3); } #site-navigation ul li ul:before, #site-navigation ul li ul:after{content:""; position:absolute; display:block; top:-9px; left:10px; width: 0px; height: 0px; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent rgb(41,41,41) transparent;} #site-navigation ul li:hover > ul{visibility: visible;} #site-navigation ul li ul li {display: block; float: none; margin: 0; padding:0; text-transform:uppercase; letter-spacing:0em;font-weight:600;} #site-navigation ul li ul li:first-child > a{padding-top:7px; margin-top:15px; } #site-navigation ul li ul li:last-child > a{padding-bottom:7px; margin-bottom:15px; padding-right:20px;} #site-navigation ul li ul li a{display:block; background:none; border:none; width:170px; padding:7px 20px; margin:0; line-height:1.7; font-size:11px; font-weight:600;} #site-navigation ul li ul li a:hover {background: rgba(255,255,255, .06);} #site-navigation ul li ul li ul{margin:0; top:-15px; left:210px;} #site-navigation ul li ul li ul:before, #site-navigation ul li ul li ul:after{display:none;} #site-navigation ul li ul li ul li a {padding-right:20px !important;} /* Color for default dark style - light style can be enabled in theme options */ #site-header.header-default #site-navigation ul li ul li a,#site-header.header-default #site-navigation ul li ul li a:hover,#site-header.header-default #site-navigation ul li ul li.menu-item-has-children:after, #site-header.header-overlay #site-navigation ul li ul li a, #site-header.header-overlay #site-navigation ul li ul li a:hover, #site-header.header-overlay #site-navigation ul li ul li.menu-item-has-children:after, #site-navigation ul li ul li.current-menu-item a,#site-header.header-overlay #site-navigation ul li ul li.current_page_parent a,#site-header.header-overlay #site-navigation ul li ul li.current-menu-ancestor > a {color:#c9c9c9 !important;} /* Flip last item sub-level */ #site-navigation ul li:last-child ul {left:auto; right:10px;} #site-navigation ul li:last-child ul:before , #site-navigation ul li:last-child ul:after{left:175px;} #site-navigation ul li ul li:last-child ul {margin:0; top:-15px; left:210px; right:auto;} /* Sub-level indicator */ #site-navigation ul li.menu-item-has-children > a{padding-right:5px;} #site-navigation ul li ul li.menu-item-has-children > a{padding-right:20px;} #site-navigation ul li.menu-item-has-children:after {font-family:FontAwesome; content: "\f107"; display:inline-block; width:8px; font-size:12px; padding-right:10px; vertical-align:top; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;} #site-navigation ul li ul li.menu-item-has-children:after {font-family:FontAwesome; content: "\f105"; top:7px; right:10px; position:absolute;font-size:12px; z-index:-1;} /* Mobile menu */ .toggle-mobile-menu{display:none; position:absolute; width:24px; height:28px; line-height:1; top:50%; right:40px; margin-top:-14px;} .toggle-mobile-menu i{color:#444; font-size:28px;} #mobile-site-navigation{display:none;} #mobile-site-navigation.mm-menu.mm-current{display:block;} /*---------------------------------------------------------------*/ /* 08. Content /*---------------------------------------------------------------*/ /* All posts */ article.post-entry {margin-bottom:70px;} article.post-entry.format-quote,article.post-entry.format-link,article.post-entry.format-status {margin-bottom:50px;} .single-post article.post-entry {margin-bottom:70px;} .single-post article .entry-content {margin-top:20px;} /* Post navigation */ .post-navigation {clear:both; margin-bottom:1px;} .post-navigation a {font-size:12px; color:#fff; background:#2c343b; display:inline-block; padding: 4px 12px 5px 12px; margin-right:5px; border-radius:3px; -webkit-transition: background 0.15s; -moz-transition: background 0.15s; transition: background 0.15s;} .post-navigation a:hover {color: #fff;} /* More tag - Read more link */ .more-link {font-size:11px; letter-spacing:3px; text-transform:uppercase;} /* Sticky post */ article.sticky .entry-title:after { font-family: FontAwesome; content: "\f005"; float:right; color:#f6bb17; font-size:16px; margin-top:2px;} /* Password protected post */ .post-password-form {margin-top:30px; margin-bottom:30px;} .post-password-form label input {vertical-align:6px; margin-left:10px;} .post-password-form label input {height:30px;} .post-password-form input[type="submit"]{height:30px; line-height:10px; vertical-align:7px; } /* Quote + Link + Status format */ article.format-quote .quoute-text:after, article.format-link .link-text:after, article.format-status .status-text:after {font-family: FontAwesome; content: ""; font-size:19px; position:absolute; bottom:10px; right:20px;} article.format-quote .quoute-text .entry-title, article.format-link .link-text .entry-title, article.format-status .status-text .entry-title{margin-bottom:15px;} article.format-quote .quoute-text, article.format-link .link-text, article.format-status .status-text {border: 1px solid #EDEDED; background:#f9f9f9; margin-bottom:10px; padding:20px; position:relative; border-radius:4px;} article.format-quote .quoute-text span, article.format-link .link-text span, article.format-status .status-text span{font-size:13px;} body:not(.single) article.format-quote .entry-meta, body:not(.single) article.format-link .entry-meta, body:not(.single) article.format-status .entry-meta {opacity:0; -moz-transform: translateX(0px) translateY(-10px); -webkit-transform: translateX(0px) translateY(-10px); -o-transform: translateX(0px) translateY(-10px); -ms-transform: translateX(0px) translateY(-10px); transform: translateX(0px) translateY(-10px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} body:not(.single) article.format-quote:hover .entry-meta, body:not(.single) article.format-link:hover .entry-meta, body:not(.single) article.format-status:hover .entry-meta {opacity:1; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);} /* Quote format */ article.format-quote .quoute-text:after {content: "\f10e";} article.format-quote .quoute-text span:before{content:"\2014"; padding-right:5px;} article.format-quote blockquote{border:none; background:none; margin:0px; padding:0px; } article.format-quote blockquote a:last-child {font-size:15px;} article.format-quote blockquote:after, article.format-quote blockquote cite:before {display:none;} /* Chat format */ article.format-chat p {padding:10px 10px 10px 40px; margin:0px; background:#f7f7f7; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} article.format-chat p:before{font-family: FontAwesome; content: "\f075"; display:inline-block; width:20px; margin-left:-27px;margin-right:8px; font-size:16px; line-height:10px; vertical-align:-1px; color:#999999;} article.format-chat p:nth-child(odd):before {font-family: FontAwesome; content: "\f0e5"; } article.format-chat p:nth-child(odd) {background:#ffffff;} /* Link format */ article.format-link .link-text:after {content: "\f0c1"; font-size:21px;} /* Status format */ article.format-status .status-text:after {content: "\f075"; font-size:19px;} article.format-status .status-text span{display:block; margin-bottom:18px;} /* Audio format */ .wp-audio-shortcode {max-width:100%;} /* Video format */ .wp-video-shortcode {max-width: 100%;} article.format-video .post-preview {margin-left:-3px; margin-right:-3px;} article.format-video .post-preview .post-video-wrapper {padding-top: 56%; position: relative;} article.format-video .post-preview .post-video-wrapper > div {padding-top: 0 !important; position: static;} article.format-video .post-preview .post-video-wrapper iframe {width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* Image format */ article.format-image .post-preview img {min-width:100%;} article.format-image .post-preview a {position:relative; display:block; max-height: 425px; overflow:hidden; border-radius:4px;} .single-post article.format-image .post-preview img {border-radius:4px;} .single-post article.format-image .post-preview a {max-height: none;} article.format-image .post-preview a:after {font-family:FontAwesome; content: "\f14c"; width:100px; height:100px; line-height:100px; text-align:center; font-size:33px; background:#000; background: rgba(0, 0, 0, 0.75); color:#fff; position: absolute; display:block; top:50%; left:50%; margin-top:-50px; margin-left:-50px; border-radius:50%; opacity:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} article.format-image .post-preview a.local-image:after {content: "\f0c1";} article.format-image .post-preview a:hover:after, article.format-image .post-preview a.touch-hover:after {opacity:1;} /* Gallery format */ article.format-gallery .flex-direction-nav a.flex-next, article.format-gallery .flex-direction-nav a.flex-prev {display:none;} article.format-gallery .flexslider {border:none; box-shadow:none; margin-bottom:0px; overflow:hidden; border-radius:4px;} article.format-gallery .flexslider img {border-radius:4px;} article.format-gallery .flexslider .flex-control-nav {bottom:5px;} article.format-gallery .flexslider .flex-control-paging li a {box-sizing: content-box; background:none; border:1px solid #fff; width:7px; height:7px; border-radius: 7px; box-shadow:none;} article.format-gallery .flexslider .flex-control-paging li a:hover {background:none;} article.format-gallery .flexslider .flex-control-paging li a.flex-active {background:#fff;} /* Next and previous links */ .previous_post_link a { display:inline-block; font-weight:600; text-transform:uppercase; color:#444444; margin-bottom:5px; -webkit-transition: color 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .next_post_link a { display:inline-block; font-weight:600; text-transform:uppercase; color:#444444; margin-bottom:5px; float:right; -webkit-transition: color 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .previous_post_link a:before, .nav-previous a:before{font-family: FontAwesome; content: "\f137"; display:inline-block; width:20px; margin-left:1px; font-size:16px; vertical-align:-1px;} .next_post_link a:after, .nav-next a:after{font-family: FontAwesome; content: "\f138"; display:inline-block; margin-left:7px; margin-right:1px; font-size:16px; vertical-align:-1px;} /* Meta */ .post-entry-header .entry-meta{color:#888; margin-bottom:20px; font-size:11px;} .post-entry-header .entry-meta a{color:#888;} .post-entry-header .entry-meta span:after{content:"/"; display:inline-block; padding:0 5px;} .post-entry-header .entry-meta span:last-child:after{display:none;} .entry-meta-footer{margin-top:20px; color:#999999; font-size:13px; clear:both;} .entry-meta-footer a{color:#999999;} .entry-meta-footer span:after{content:"/"; display:inline-block; padding:0 5px;} .entry-meta-footer span:last-child:after{display:none;} .entry-meta-footer .meta-date:before{font-family: FontAwesome; content: "\f073"; display:inline-block; width:30px; margin-left:1px; color:#add8e6; font-size:16px; vertical-align:-1px;} .tag-links{margin-bottom:5px;} .tag-links:before{font-family: FontAwesome; content:"\f02c"; display:inline-block; width:30px; margin-left:1px; color:#add8e6; font-size:16px; vertical-align:-2px;} .tag-links span { display:inline-block; margin-right:10px; line-height:1;} .tag-links span:after {content:","; margin-left:2px; padding:0px;} .tag-links span:last-child:after {content:""; margin-left:0px;} article.format-quote .tag-links, article.format-link .tag-links, article.format-status .tag-links {margin-top:20px;} /* Page links */ .page-links {clear:both; font-size:12px; text-transform:uppercase; font-weight:600; color:#444444; padding-top:20px;} .page-links span {padding-right:5px;} /* Author info */ .author-area{border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding: 25px 0px; margin-bottom:40px;} .author-area img{float:left; margin-bottom: 0px; margin-right: 20px;} .author-area .author-name{font-weight:bold; margin-bottom: 5px; line-height:1.3;} /* Search result page */ .search-results .results-container { -moz-column-count:2; -moz-column-gap: 50px; -moz-column-width: 45%; -webkit-column-count:2; -webkit-column-gap: 50px; -webkit-column-width: 45%; column-count: 2; column-gap: 50px; column-width: 45%; } .search-results .results-container {margin-bottom:40px;} .search-results article {margin-bottom:0px; display: inline-block; width: 100%; -webkit-transform: translateZ(0); } .search-results article.post-entry.format-quote, .search-results article.post-entry.format-link, .search-results article.post-entry.format-status {margin-bottom:0px;} .search-results article:before {margin-top:5px;} .search-results article h1.entry-title {font-size:14px; } .search-results article .entry-title:before {font-family: FontAwesome; content: "\f058"; padding-right: 8px; font-size:14px; vertical-align:0px; color:#82bc1e; margin-left:1px;} .search-results article .entry-meta {margin-left:21px;} .search-results article.page .meta-category {display:none;} /* Error 404 page*/ .error404 .page-header {text-align:center;} article.error404 .row-inner{padding:80px 0 95px; text-align:center;} article.error404 .error-icon{font-size:40px; position:relative; left:175px; top:-29px;} article.error404 h2 {margin-bottom:50px; text-transform:uppercase; font-weight:bold;} article.error404 h2.error_looking {margin-top:-88px;} article.error404 p {margin-top:-15px; margin-bottom:60px; font-size:15px; font-weight:300;} article.error404 .bar-row, article.error404 .bar-row .row-inner, article.error404 .bar-row .main_row{padding:0px;} article.error404 .bar-row .vc_bar_bg {margin:0 auto; max-width:500px;} /* Error page animation */ .error404 .page-header .breadcrumbs-trail{ opacity:1; -webkit-animation-name:none; -moz-animation-name:none; -o-animation-name:none; animation-name:none; } article.error404 .bar-row .vc_bar { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } article.error404 h2, article.error404 p, article.error404 .error-icon, article.error404 .searchform-wrapper{backface-visibility:hidden; opacity:0; -webkit-animation:Appear 0.8s ease-in 1 2.8s forwards; -moz-animation:Appear 0.8s ease-in 1 2.8s forwards; -o-animation:Appear 0.8s ease-in 1 2.8s forwards; animation:Appear 0.8s ease-in 1 2.8s forwards; } article.error404 .error-icon { -webkit-animation-duration: 0.1s; -moz-animation-duration: 0.1s; -o-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -o-animation-delay: 2.2s; animation-delay: 2.2s; } /* Key Frames Appear */ @-webkit-keyframes Appear { from {opacity:0;} to {opacity:1; } } @-moz-keyframes Appear { from {opacity:0;} to {opacity:1;} } @-o-keyframes Appear { from {opacity:0;} to {opacity:1;} } @keyframes Appear { from {opacity:0;} to {opacity:1;} } article.error404 h2.error_looking{backface-visibility:hidden; -webkit-animation:disAppear 0.5s ease 1 2.4s backwards; -moz-animation:disAppear 0.5s ease 1 2.4s backwards; -o-animation:disAppear 0.5s ease 1 2.4s backwards; animation:disAppear 0.5s ease 1 2.4s backwards; } /* Key Frames disAppear */ @-webkit-keyframes disAppear { from {opacity:1;} to {opacity:0; } } @-moz-keyframes disAppear { from {opacity:1;} to {opacity:0;} } @-o-keyframes disAppear { from {opacity:1;} to {opacity:0;} } @keyframes disAppear { from {opacity:1;} to {opacity:0;} } /* Nothing found search page*/ .search-no-results .error-icon{font-size:40px; position:relative; left:400px; top:-29px;} .search-no-results #content h2 {margin-top:5px; margin-bottom:30px; text-transform:uppercase;} .search-no-results #content h2.error_looking {margin-top:-57px;} .search-no-results #content p {margin-top:-15px; margin-bottom:75px; font-size:15px; font-weight:300;} .search-no-results .bar-row, .search-no-results .bar-row .row-inner, .search-no-results .bar-row .main_row{padding:0px;} .search-no-results .bar-row .vc_bar_bg {max-width:500px; margin-top:40px;} /* Nothing found search page */ .search-no-results .page-header .breadcrumbs-trail{ opacity:1; -webkit-animation-name:none; -moz-animation-name:none; -o-animation-name:none; animation-name:none; } .search-no-results .bar-row .vc_bar { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .search-no-results #content h2, .search-no-results #content p, .search-no-results .error-icon, .search-no-results .searchform-wrapper{backface-visibility:hidden; opacity:0; -webkit-animation:Appear 0.8s ease-in 1 2.8s forwards; -moz-animation:Appear 0.8s ease-in 1 2.8s forwards; -o-animation:Appear 0.8s ease-in 1 2.8s forwards; animation:Appear 0.8s ease-in 1 2.8s forwards; } .search-no-results .error-icon { -webkit-animation-duration: 0.1s; -moz-animation-duration: 0.1s; -o-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -o-animation-delay: 2.2s; animation-delay: 2.2s; } .search-no-results #content h2.error_looking{backface-visibility:hidden; -webkit-animation:disAppear 0.5s ease 1 2.4s backwards; -moz-animation:disAppear 0.5s ease 1 2.4s backwards; -o-animation:disAppear 0.5s ease 1 2.4s backwards; animation:disAppear 0.5s ease 1 2.4s backwards; } /* No posts found page */ p.no-posts {margin-top:30px; margin-bottom:32px; font-size:15px; font-weight:300;} /*---------------------------------------------------------------*/ /* 09. Images /*---------------------------------------------------------------*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget img {max-width: 100%; height: auto;} img.alignleft { margin-right: 1em;} img.alignright { margin-left: 1em;} /* WordPress Captions */ .wp-caption {text-align: center;} dl.wp-caption {padding:0px;} dt.wp-caption-dt:after {content:""; content:none;} figure.wp-caption {max-width:100%;} .wp-caption.alignleft { margin-right: 1em;} .wp-caption.alignright { margin-left: 1em;} .wp-caption .wp-caption-text { margin: -0.5em 0.25em 0.25em 0em;} .wp-caption figcaption { background-color: rgba(0, 0, 0, 0.70); text-align: left; color: #fff; margin: 0; padding: 6px 8px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* WordPress Gallery (some parts adapted from Twenty Fourteen by the WordPress team http://wordpress.org/themes/twentyfourteen) */ .gallery-item {float: left;margin: 0 15px 10px 0; overflow: hidden; position: relative; text-align:center;} .gallery img {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;} .gallery img:hover {opacity:0.8; filter:alpha(opacity=80);} .gallery:before,.gallery:after {content: ""; display: table;} .gallery:after{clear: both;} .gallery-columns-1 .gallery-item {max-width: 98%;min-width: 98%;} .gallery-columns-2 .gallery-item {min-width: 46%;max-width: 46%;} .gallery-columns-3 .gallery-item {min-width: 31%;max-width: 31%;} .gallery-columns-4 .gallery-item {min-width: 23%;max-width: 23%;} .gallery-columns-5 .gallery-item {min-width: 18%;max-width: 18%;} .gallery-columns-6 .gallery-item {min-width: 14%;max-width: 14%;} .gallery-columns-7 .gallery-item {min-width: 12%;max-width: 12%;} .gallery-columns-8 .gallery-item {min-width: 10%;max-width: 10%;} .gallery-columns-9 .gallery-item {min-width: 8%;max-width: 8%;} .gallery-caption {background-color: rgba(0, 0, 0, 0.7);-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; color: #fff; margin: 0; opacity: 0; padding: 6px 8px; position: absolute; bottom: 5px; left: 0; text-align: left; width: 100%; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:50%;} .gallery-item:hover .gallery-caption, .gallery-item.touch-hover .gallery-caption {opacity: 1;} .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {display: none;} /* Forms - Class for labelling required form items */ .required { color: #cc0033;} /*---------------------------------------------------------------*/ /* 10. Comments /*---------------------------------------------------------------*/ /* Comment list */ #comments {padding-bottom:5px;} #comments h3 {font-size:20px;} #comments .comment-list{margin:0 0 40px; list-style:none;} #comments .comment-list .children {list-style:none; margin:0px; padding-left:30px; position:relative;} #comments .comment-list .children li{margin:0;} #comments .comment-list .children .children {border-left:1px solid #eee; } #comments .comment-list .children .children li:before{content:""; display:block; width:15px; height:1px; margin-top:40px; left:0; background:#eee; position:absolute;} #comments .comment-body {min-height:60px; padding: 0 0 30px 80px; margin:25px 0px 0px; display: block; border-bottom: 1px solid #eee; position: relative; } #comments .comment-body p:last-child{margin-bottom:0px;} #comments .comment-body footer{margin-bottom:7px;} #comments .comment-author img{position:absolute; left:0px;} #comments .comment-author .fn{font-size:13px; color:#333333; font-weight:600; font-style:normal;} #comments .comment-author .says{display:none;} #comments .comment-meta{font-size:11px;} #comments .comment-meta a{color:#999;} #comments .reply{position:absolute; right:0px; top:0px; } #comments .comment-reply-link{font-size:12px; background:#fdfdfd; color:#999; line-height:1; padding: 6px 11px; border: 1px solid #EEEEEE; display:block; border-radius:30px; -webkit-transition: all 0.25; -moz-transition: all 0.25s; transition: all 0.25s;} #comments .comment-reply-link:before{font-family: FontAwesome; content: "\f112"; padding-right: 8px; font-size:11px; vertical-align:middle;} #comments .comment-author .author-url{font-size:13px; color:#333333; font-weight:600; font-style:normal;} #comments .children .comment-body .comment-author img{width:40px; height:40px} /* Pingbacks and trackbacks */ #comments .pingback .comment-body {min-height:0px; margin:0px; padding:15px 0px;} #comments .pingback .comment-body:before {font-family: FontAwesome; content: "\f122"; color:#aaaaaa; padding-right: 8px; font-size:14px; vertical-align:-1px;} /* Comment form */ #comments .comment-list #respond{margin-bottom:50px;} #comments .comment-form-info-fields{margin-bottom:25px;} #comments .comment-form-author input#author, .comment-form-email input#email, .comment-form-url input#url{width:100%; margin-top:3px;} #comments .comment-awaiting-moderation {color:#DB6A23;} #comments p.form-submit {margin-top:30px;} #comments p.comment-form-comment label {display:none; } #comments p.comment-form-comment textarea#comment {width: 100%;} #comments p.comment-notes, p.logged-in-as, p.must-log-in {margin-bottom:40px; margin-top:10px; font-size:12px; color:#999;} #comments p.comment-notes:before, p.logged-in-as:before, p.must-log-in:before {font-family: FontAwesome; content:"\f05a"; margin-right:7px; margin-left:1px; color:#add8e6; font-size:16px; vertical-align:-1px;} #comments h3.comment-reply-title {margin-bottom:5px; margin-top:40px;} #comments h3#comments-title {margin-top:40px;} #comments h3.comment-reply-title #cancel-comment-reply-link{display:inline-block; font-weight:normal; font-size:12px; background:#fdfdfd; color:#999; line-height:1; padding: 6px 11px; margin-left:10px; margin-top:-3px; border: 1px solid #EEEEEE; border-radius:30px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s;} #comments h3.comment-reply-title #cancel-comment-reply-link i{padding-right: 8px; font-size:11px; vertical-align:top;} #comments h3.comment-reply-title #cancel-comment-reply-link:hover{border-color:#DB6A23; color:#DB6A23;} #comments .comment-list .bypostauthor {} /* Comment form columns */ .col_container:before, .col_container:after {content: " "; display: table;} .col_container:after {clear: both;} .col_container .col_3{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 33.33333333333333%; min-height: 1px; padding-right: 20px;} .col_container .col_3:last-child{padding-right:0px;} /* Paragraph that wraps the submit button and hidden comment ID fields. */ p.form-submit {margin-bottom:0; } /*---------------------------------------------------------------*/ /* 11. Footer /*---------------------------------------------------------------*/ .site-footer{overflow-x:hidden;} .footer-sidebar{background:#373839; padding:60px 0;} .footer-sidebar .vc_col-sm-4:last-child, .footer-sidebar .vc_col-sm-6:nth-child(3), .footer-sidebar .vc_col-sm-12{margin:0;} /* Copyright area */ .site-info{width:100%; background:#282a2b; padding:50px 0; text-align:center;} .site-info .widget {margin:0px;} /*---------------------------------------------------------------*/ /* 12. Widgets /*---------------------------------------------------------------*/ /* Default widget style */ .widget{margin:0 0 50px; padding:0; color:#999999;} .widget a {-webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;} .widget ul {margin:0; padding:0; list-style:none;} .widget ul li {padding: 10px 0; margin:0; border-bottom:1px solid #EDEDED;} .widget ul li:first-child {padding-top:0px;} .widget ul li:last-child {padding-bottom:0px; border-bottom:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} .widget ul ul{margin-top:10px; border-top:1px solid #EDEDED;} .widget ul ul li{margin-left:15px;} .widget ul ul li:first-child {padding-top:10px;} .widget .widget-title{color:#696969; font-weight:normal; font-size: 11px; letter-spacing: 2px; padding:0; margin:0 0 20px; text-transform:uppercase;} .widget a:hover{color:inherit;} .footer-sidebar .widget .widget-title{color:#fff;} /* Footer widget style */ .footer-sidebar .widget {margin-bottom:0px;} .footer-sidebar .widget ul li, .footer-sidebar .widget ul ul {border-color:#444;} /* Copyright widget style */ .site-info .widget {margin-bottom:0px;} .site-info .widget ul li, .site-info .widget ul ul{border-bottom-color:#444;} /* Top bar widget style */ #top-bar .widget-container {margin-right:40px; margin-top:1px;} #top-bar .widget-container:last-child {margin-right:0px;} #top-bar .widget-title {font-weight:bold; margin-right:10px;} #top-bar .recentcomments {padding-left:10px;} #top-bar .recentcomments:first-child {padding-left:0px;} #top-bar ul {font-size:12px; list-style:none; margin:0;} #top-bar ul li {float:left; margin:0;} #top-bar ul li i{vertical-align:middle} #top-bar ul ul li a{padding:0px 10px 0px 0px; } #top-bar ul ul li a:after {content: "/"; font-size:12px; vertical-align:top; color:#696969; margin-left:10px; opacity:0.4; } #top-bar ul ul li:last-child a:after {content: ""; margin-left:0px;} #top-bar ul ul li:first-child a{padding-left:0px;} #top-bar ul ul li:last-child a{padding-right:0px; border-right: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} #top-bar #topright-widget-area ul {float:right;} /* SINGLE WIDGET STYLES */ /* WP Calendar */ #wp-calendar {max-width: 100%; font-size: 10px; background:none; } #wp-calendar caption { text-align: right; font-size: 12px; margin-bottom: 15px; text-decoration:underline; } #wp-calendar thead { font-weight:bold; font-size: 10px; color: #444;} #wp-calendar thead th { padding:0 0 10px 0; width: 36px; background:none; color:#444; text-shadow:none;} #wp-calendar tbody { color: #696969; font-size: 13px; } #wp-calendar tbody a { text-decoration:underline;} #wp-calendar tbody td { background: #fafafa; padding:6px 8px; border-width: 1px; border-style: solid;border-color: #f3f3f3; text-align: center; } #wp-calendar #today {background:#999; color:#f9f9f9;} #wp-calendar #today a {color:#f9f9f9;} #wp-calendar tbody .pad, #wp-calendar tbody .pad:hover {border-color:#fff; background:none;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tfoot #next { text-transform: uppercase; text-align: right; padding-left:60px;} #wp-calendar tfoot #prev { text-transform: uppercase; padding-top: 10px; padding-right:60px;} .footer-sidebar #wp-calendar caption {color:#dddddd;} .footer-sidebar #wp-calendar thead {color: #dddddd;} .footer-sidebar #wp-calendar tbody a { text-decoration:none;} .footer-sidebar #wp-calendar #today a {color:#ddd;} .footer-sidebar #wp-calendar tbody td { background: transparent; padding:4px 0; border-width: 1px; border-style: solid;border-color: #444444;} .footer-sidebar #wp-calendar tbody .pad {border:1px solid #444444; background: transparent;} .footer-sidebar #wp-calendar tfoot td{border:1px solid #444444; background: transparent;} /* Tags */ .tagcloud {text-transform:lowercase;} .tagcloud a {color:#fff !important; background:#2c343b; font-size:12px !important; display:inline-block; padding: 4px 10px; margin: 3px 1px; border-radius:3px; } /* Recent posts */ .post-date {display:block; font-size:11px;} /* Search */ .search-input {width:100%; max-width:300px;} /*---------------------------------------------------------------*/ /* 13. Plugins /*---------------------------------------------------------------*/ /* CONTACT FORM 7 */ .wpcf7{max-width:100%;} .wpcf7 input, .wpcf7 textarea, .wpcf7 span{width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:3px;} .wpcf7 input[type="submit"]{color:#fff; width:auto;} .wpcf7 textarea {height:auto; min-height:216px;} .wpcf7 input, .wpcf7 textarea {background:rgba(230,230,230, 0.7); border:none; color:#222222; font-weight:600; } .wpcf7 input:focus,.wpcf7 textarea:focus {background:rgba(190,224,232, 0.7); border:none; } .wpcf7 input[type=submit]{font-size:11px; font-weight:normal;} .wpcf7 input[type='checkbox']{width:auto; height:auto; border:none; vertical-align:-1px;} .wpcf7 input[type='radio']{width:auto; height:autp; border:none; vertical-align:-1px;} .wpcf7 input.wpcf7-file {background:none; border:none; padding-left:0px; padding-right:10px; height:30px;} .wpcf7 input[type='file'] { background:none; border:none; box-shadow:none;} .wpcf7 input[type='range'] {background:none; } .wpcf7 input[type='url'] {text-decoration:underline;} .wpcf7 select {padding:5px; border:1px solid #ddd; min-width:50%;} /* Contact form 7 dark style */ .wpcf7 .for-dark-bg input, .wpcf7 .for-dark-bg textarea {color:#f9f9f9;} .wpcf7 .for-dark-bg input:focus, .wpcf7 .for-dark-bg textarea:focus {color:#ffffff;} .wpcf7 .for-dark-bg input, .wpcf7 .for-dark-bg textarea{ background: rgba(0, 0, 0, .30); border: 0; border-radius: 5px; box-shadow:inset 0 1px 4px rgba(0,0,0, .20), 0 1px rgba(255,255,255, .06);} .wpcf7 .for-dark-bg input:focus, .wpcf7 .for-dark-bg textarea:focus {border:none; background: rgba(0,0,0, .55); outline: 0; -webkit-transition: background-color 0.25s ease-in; -moz-transition: background-color 0.25s ease-in; -o-transition: background-color 0.25s ease-in; transition: background-color 0.25s ease-in; } .wpcf7 .for-dark-bg input::-webkit-input-placeholder, .wpcf7 .for-dark-bg textarea::-webkit-input-placeholder { color: #ffffff;} .wpcf7 .for-dark-bg input:-moz-placeholder, .wpcf7 .for-dark-bg textarea:-moz-placeholder {color: #ffffff;} /* Contact form 7 loader style */ div.wpcf7 img.ajax-loader{margin-left:20px; background:#fff; padding:10px; border-radius:50%;} /* Contact form 7 message boxes */ div.wpcf7-falldowN-errors {display:inline-block; width:100%; border: 1px solid rgba(255, 218, 98, 1); background: rgba(252, 255, 192, 0.97); padding: 12px; color: #D18E00; } /* ESSENTIAL GRID */ article.essential_grid .post-preview img, article.essential_grid .post-preview a {border-radius:4px;} /* UBERGRID */ .mfp-bg {z-index:9992;} .uber-grid-wrapper .ir {text-indent: 0em;} .mfp-bottom-bar {z-index:999 !important;} .uber-grid-filters div a {margin-bottom:15px !important;} .uber-grid > div .uber-grid-hover .uber-grid-hover-title {margin-bottom:15px !important;} .uber-grid.uber-grid-bw > div .uber-grid-cell-image {-webkit-transform: translateZ(0);} /* AUTO ALBUMS */ .aamrgbox .autoAlbums-image-caption h4{color:#f9f9f9; font-size:9px !important; text-transform:uppercase; letter-spacing:2px;} .aamrgbox .autoAlbums-image-caption > div > div { vertical-align:bottom !important; text-align:left !important;} .aamrgbox .folder-info .folder-name {color:#f9f9f9; font-size:9px; line-height:20px; text-transform:uppercase; letter-spacing:2px;} .autoAlbums-breadcrumb {background:none; border-color: #dedede; padding:0px; margin-bottom:30px;} ul.autoAlbums-breadcrumb li {font-size:10px; letter-spacing:1px; padding:4px 0px; text-transform:uppercase; color:#656565; text-shadow:none;} ul.autoAlbums-breadcrumb li.active {color:#888888; text-shadow:none;} ul.autoAlbums-breadcrumb li a:first-child {color:#656565;} ul.autoAlbums-breadcrumb li a:hover {color:#888888;} /* WP FLICKR WIDGET */ .wpfw_flickr_widget img {margin-top: 5px; margin-right:10px; width:70px; height:70px; border-radius:3px;} .wpfw_flickr_widget img:hover {opacity:0.6; filter:alpha(opacity=60);} .flickr {margin-top:-5px;} .footer-sidebar .wpfw_flickr_widget img {width:59px; height:59px; padding:3px; border:1px solid #4A4A4A;} .footer-sidebar .wpfw_flickr_widget .widget-title {float:none !important;} /*---------------------------------------------------------------*/ /* 14. Retina /*---------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #site-logo img.default-logo {display:none;} #site-logo img.retina-logo {display:inline-block;} } /*---------------------------------------------------------------*/ /* 15. Responsive - Visual Composer related styles are inside core extend plugin /*---------------------------------------------------------------*/ /* Hide mobile menu on normal size screens */ @media only screen and (min-width : 979px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom {right:0} } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES INCLUDING TABLET LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width : 1024px){ /* General */ body {-webkit-text-size-adjust: none;} /* Header area */ .fixed-width #site-logo {left:40px;} /* One page Navigation */ .sticky_navigation_wrapper {display:none;} /* Title area */ .page-header { -webkit-background-size: auto !important; -moz-background-size: auto !important; -o-background-size: auto !important; background-size: auto !important; } .page-header .breadcrumbs-trail{opacity:1; -webkit-animation:none; -moz-animation:none; -o-animation:none; animation:none; } } /* * ------------------------------------------------------------------------------------------- * TABLET LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 979px) and (max-width: 1024px) { .footer-sidebar .wpfw_flickr_widget img { width:50px; height:50px;} } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES STARTING TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 979px) { /* Navigation */ .toggle-mobile-menu{display:block;} #site-navigation{display:none;} /* Sidebar layout change */ #content.float-left, #content.float-right, #sidebar {width:100%;} #sidebar.float-right, #sidebar.float-left{padding:60px 0px 0px;} #sidebar .widget-area aside { width:100%; } /* Comment form */ .col_container .col_3 {float: none; width: 100%; padding-right:0px; margin-top:15px;} #comments p.comment-notes, p.logged-in-as, p.must-log-in {margin-bottom:20px;} } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 979px) { /* Title area */ .page-header h1.page-title {font-size:40px;} .page-header {padding:25px 0; min-height:78px;} /* WordPress gallery */ .gallery-columns-1 .gallery-item {max-width: 98%;min-width: 98%;} .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {min-width: 46%;max-width: 46%;} } /* * ------------------------------------------------------------------------------------------- * MOBILE BOTH VIEWS * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* Title area */ .page-header h1.page-title {font-size:30px; margin-bottom:2px;} .page-header {padding:20px 0; min-height:63px;} /* Top bar */ #top-bar {padding-bottom:15px; padding-top:15px;} #topleft-widget-area {margin-bottom:15px;} #topleft-widget-area, #topright-widget-area {padding-left:0px; padding-right:0px;} #top-bar ul li, #top-bar #topright-widget-area ul {float:none; text-align:center; margin:0 auto;} /* Footer */ .vc_responsive .footer-sidebar .vc_col-sm-3, .vc_responsive .footer-sidebar .vc_col-sm-4, .vc_responsive .footer-sidebar .vc_col-sm-6 {margin-bottom:50px;} /* Search page */ .search-results .results-container { -moz-column-count:1; -moz-column-gap: 0px; -moz-column-width: 100%; -webkit-column-count:1; -webkit-column-gap: 0px; -webkit-column-width: 100%; column-count: 1; column-gap: 0px; column-width: 100%; } .search-no-results .error-icon {visibility:hidden;} /* Footer */ .footer-sidebar {padding-bottom:10px;} } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Table style */ th{padding: 10px;} td{padding: 10px 5px;} /* WordPress Gallery */ .gallery-columns-1 .gallery-item {max-width: 98%;min-width: 98%;} .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {min-width: 46%;max-width: 46%;} } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT & LOWER * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* Table style */ th{padding: 5px;} td{padding: 5px 2px;} /* Definition list*/ dt {text-align:left; width:auto;} dd {clear:both; margin:0;} /* Posts */ .previous_post_link a,.next_post_link a {float:none; display:block; text-align:center;} .previous_post_link a:before {margin-right:5px;} .next_post_link a { margin-bottom:20px;} .previous_post_link a {margin-bottom:0px;} /* Comment form */ #comments .comment-list .children .children {border-left:none;} #comments .comment-body{padding-bottom:50px;} #comments .children .comment-body{padding-left:80px; padding-bottom:50px;} #comments .comment-list .children {padding-left: 0px;} #comments .reply {top:auto; bottom:10px;} #comments h3.comment-reply-title #cancel-comment-reply-link { margin-top:10px; margin-left:1px;} #comments ol.children li .comment-body .comment-author img { width:50px; height:50px;} #comments ol.children li ol li .comment-body .comment-author img { width:40px; height:40px;} #comments ol.children li ol li ol li .comment-body .comment-author img { width:30px; height:30px;} #comments ol.children li ol li ol li ol li .comment-body .comment-author img { width:20px; height:20px;} /* 404 page */ article.error404 .error-icon {visibility:hidden;} /* Copyright area */ .site-info i {margin-bottom:15px;} /* WordPress Gallery */ .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {max-width: 98%;min-width: 98%;} } /*------------------------------------------------------------------------------*/ /* THANK YOU FOR CHOOSING OUR THEME! - MNKY Studio | http://mnkythemes.com /*------------------------------------------------------------------------------*/